首页 > 网站建设 >

网站建设公司浅谈XHTML的标签设计表单

发布时间:2019-08-28 作者:深圳网站建设

  表单使网页具有交互的功能,使用户不再单纯地接收和阅读来自Web服务器的信息,也可以把自己的要求发送给服务器,经过服务器上的ASP、PHP或JSP等脚本程序的处理后,再将用户所需信息传送回客户端的浏览器上,这样网页就具有了交互性。深圳网站建设公司只介绍怎样使用XHTML的标签设计表单。
<form>标签
  一个网页可以包含任意数量的表单,例如一个页面可同时存在登录表单、搜索表单、调查表单等,但是用户一次只能向服务器发送一个表单的数据。表单由<form>标签和<input>等标签组合而成。
  <form>…</form>标签对用于创建表单,即定义表单的开始和结束位置,在该标签对之间的一切都属于表单的内容。<form>标签中的属性如表3-14所示。<input>标签的作用是为用户提供输入信息的手段,如文本框、单选按钮等。

表3-14 <form>标签中的属性及其用途
<label>标签
  <label>标签不会向用户呈现任何特殊效果,不过它为鼠标用户改进了可用性。如果在<label>标签内单击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点跳转到和标签相关的表单控件上。
<input>和<textarea>标签
1.<input>标签
  <input>标签用来定义一个用户输入区,用户可在其中输入信息,此标签必须放在<form>…</form>标签对之间,表3-15所示为<input>标签中的属性。<input>标签提供了多种类型的输入区域,具体是哪一种类型由type属性决定。
表3-15 <input>标签中的属性及其用途
2.<textarea>标签
  <textarea>…</textarea>标签对用来创建一个可以输入多行的文本框。<textarea>标签具有name、cols、rows等属性,cols和rows属性分别用来设置文本框的列数和行数,这里列与行是以字符数为单位的。不过更好的办法是使用CSS的height和width属性规定textarea的尺寸。<textarea>…</textarea>标签对之间可设定文本框中默认文字。
<select>和<option>标签
  <select>标签可用于创建单选或多选菜单,供用户从列表的各数据项中选择一项或多项数据输入。列表标签中的属性如表3-16所示。当提交表单时,浏览器会提交选定的项目,或者收集用逗号分隔的多个选项,将其合成一个单独的参数列表,并且在将<select>表单数据提交给服务器时包括name属性。在<select>标签中至少包含一个<option>标签以创建选项。


表3-16 列表标签中的属性及其用途
网站建设公司本文关于“网站建设公司浅谈XHTML的标签设计表单”的知识就介绍分享到这里,谢谢关注,博纳网络编辑整理。
 
文章标题:网站建设公司浅谈XHTML的标签设计表单
本文地址:https://www.198bona.com/news/3703.html
如果您觉得案例还不错请帮忙分享:

网站建设

网络推广

解决方案

域名主机

建站行业资讯