《HTML5与CSS3网页设计》_《HTML5与CSS3网页设计》_HTML5 与CSS5 网页设计（第二版）第十一章.pptVIP

图11-3表单控件的示例返回图11-15希望分组的下列框返回图11-21综合实例返回第11章表单11.1表单概述11.2form元素11.3input元素11.4列表与下拉菜单11.5文本域textarea11.6标签label11.7HTML5新增的元素属性11.8表单元素的组织与布局11.9综合实例返回11.1表单概述表单是用于实现网页浏览器与服务器(或者说网页所有者)之间信息交互的一种页面元素，在互联网上它被广泛用于各种信息的搜集和反馈。例如，图11-1显示了一个用于进行电子邮件系统登录的表单。图11-2显示了一个稍微复杂的表单，其中包含更多种类的表单控件:文本框、口令框、单选框、下拉菜单等。总而言之，表单不同于前面介绍的页面元素(如表格、图像等)，它不但需要在网页中用HTML进行显示，而且还需要服务器端特定程序的支持。返回11.2form元素可用form标记来定义一个表单，当一个表单被定义后就可在表单内放置表单标记。表单使用form作为开始标记，以/form结尾。在一个HTML页面中允许有多个表单，以表单的名字(name)和id作为它们之间的区分。1.action在表单收集到信息之后，需要将收集到的信息传递给服务器，action属性设置处理表单的服务程序。当表单被提交后，表单中的数据就会发送给action的值所指定的程序进行处理。表示表单的内容提交给网址为www.htmlcss.com的服务器中的findmessage.asp页面去处理。如果处理程序和当前的HTML页面在同一个目录下面，还可以使用相对地址。下一页返回11.2form元素2.methodmethod用于设置表单内容向服务器提交时数据的传送方式。method属性有两个可选取值.get和.post。(1)当method=get”时，向服务器传送数据的方式为get方式。在这种方式下，要传送的数据会被附加在URL之后，被显示在浏览器的地址栏中，而且被传送的数据通常不超过255个字符。这种方式是method默认的值，但对数据的保密性差，不安全。(2)当method=post”时，向服务器提交数据采用post方式，这种方式传送的数据量没有限制其是以数据流的形式传送表单数据，但速度比较慢。上一页下一页返回11.2form元素3.targettarget属性主要用来控制表单提交后的结果显示在哪里，规定链接的页面打开方式。4.namename属性可以为表单指定一个名字，name属性的作用主要是为了区分各个表单，因为在一个页面中可能会有多个表单，或者一个表单处理程序需要处理多个页面的表单，这个时候表单的名字就很重要了。表单的属性设置并不会直接对页面产生影响，主要是设置表单的内在属性，而不是表单的显示内容。如果想让一个表单有意义，必须要有相应的表单元素。表单元素又称为表单控件，如图11-3所示是一个表单控件的示例。上一页返回11.3input元素11.3.1文本框text最常用的表单控件是input，这一类的表单控件被称为输入类控件，通过input来标记。输入类控件有很多种类型，通过type属性进行设置。input标记可以为表单提供单行文本输入框、单选按钮、复选按钮、按钮等。文本框以单行的形式显示在页面中。文本框提供最常用的文本输入功能，在文本框内可以输入数字、文本和字母等。其语法为:inputtype”text”name=fieldnameid”IDnameclass=classnamesize=fieldsizevalue=defaultvaluemaxlength=maximumfieldsize/下一页返回11.3input元素其中:(1)class属性为文本框指定类名。(2)id为文本框指定标识符。(3)name为文本框指定一个名字。(4)type属性用于设置input标记的类型，当type=text”时指定为文本输入框。(5)value属性为文本框设置默认值，当文本框中有输入后，这个值被改变，它可以被脚本语言所引用。(6)size和maxlength属性用于设置文本框输出区的大小和输入内容的最大长度，这两个值可以不相同，当size缺省时，其默认大小为12。上一页下一页返回11.3input元素11.3.2密码框password密码框的外观和文本框没有太大区别，但是在该控件中输入的内容会用*号显示。其语法为inputtype=pas