2.4 HTML设置表单
表单可以在客户机和服务器之间传递信息，是收集客户信息的最好方式，例如用户注册、登录和用户调查等。表单是HTML中比较重要的标记之一。
表单用来给访问者输入信息，从而采集客户信息。将表单设计在一个HTML文档中，当用户填完信息后做提交（submit）操作，服务器端接收信息处理。
表单用<form></form>标记来创建，即定义表单开始和结束位置，在开始和结束标记之间的标记都属于表单的内容。
<form>标记具有action、method和target属性。
•action：表示处理程序（包括网络路径，即网址或相对路径），即网页提交后，服务器接收程序。
•method：定义表单传送信息方式，可取值为GET和POST。GET方式以字符串传递数据，一般限制在1KB（255个字节）以下，安全性较低。POST方式以数据块传递信息，数据量比较大，安全性较高。
•target：指定目标窗口或目标帧。可选当前窗口_self，父级窗口_parent，顶层窗口_top，空白窗口_blank。
表单标记常用格式为：
<form action= "http://www.sohu.com" method= "post" target= "_top"> </form>
一个表单一般应该包含文本框、密码框、按钮等。表单很像容器，它能够容纳各种各样的控件。一个完整的HTML表单，通常包括两个部分，即表单标记和表单控件标记。
1．常用表单控件
表单中控件的命令格式为：
<input type="">
不同类型的表单控件具有不同的描述标记，如表2-4所示。
表2-4 表单控件标记
| 名称 | 说明 |
| type | 指定表单元素类型。可用选项有text、password、checkbox、radio、submit、reset、file、hidden和button。默认值为text |
| name | 指定表单元素名称。如果表单上有几个文本框，可以按照名称来标识它们，如text1、text2或用户选择的任何名称 |
| value | 可选属性，指定表单元素初始值 |
| Size | 指定表单元素显示长度。可用于文本输入的表单元素，即text或password |
| maxlength | 指定在text或password表单元素中，可以输入的最大字符数。默认值为无限的 |
| checked | 是一个boolean属性，指定按钮是否是被选中的。当输入类型为radio或checkbox时，使用此属性 |
| src | src="url"。当使用image作为输入类型时使用此属性，它用于标识图像的位置 |
【例2.8】（实例文件：ch02\2.8.html）
<HTML> <HEAD> <title>表单标记</title> </HEAD> <BODY bgcolor="#ccccff" text="#000099"> <center> <form action="" method="post"> <h2 align="center">计算机优秀图书评选</h2> <P> <input type="radio" name="ts" value="1">java实践教程 <input type="radio" name="ts" value="2">jsp大全 <input type="radio" name="ts" value="3">十天精通java </p> <p><b>优秀出版社名称：</b><input type="text" name="name1" size="30" maxlength="30"></p> <p> <input type="submit" name="submit" value="评选"> <input type="reset" name="reset" value="重置"></p> </form> </center> </BODY> </HTML>
在IE 8.0中浏览效果如图2-10所示，可以表单居中显示，并显示单选按钮、输入框和提交按钮等。
图2-10 表单显示窗口
2．多行文本标记和下拉列表
<textarea></textarea>标记可以创建多行文本框，此标记用于<form></form>标记之间。<textarea>具有name、cols和rows属性。
•name：表示多行文本框名称。
•cols和rows：用来设置多行文本框列数和行数。需要注意的是，列与行是以字符数为单位的。
<select></select>：创建一个下拉列表框或可以复选的列表框。此标记也用于<form></form>标记之间。<select>具有multiple、name和size属性。
•multiple：不用赋值，直接加入标记中即可使用，表示列表框是多选的。
•name：表示列表框名字，它与上边介绍的name作用是一样的。
•size：设置列表宽度，默认值为1，若没有设置（加入）multiple属性，显示的是一个弹出式列表框。
<option>：指定列表框中的一个选项，它放在<select></select>标记之间。此标记具有selected和value属性。
•selected：用来指定默认选项，表示该选项被选中。
•value：给<option>指定选项赋值，此值要传送到服务器上的。
【例2.9】（实例文件：ch02\2.9.html）
<html> <head> <title>表单标记</title> </head> <body> <center> <h2>个人兴趣调查</h2> <form method="post" align="center"> <p> 选择喜欢的运功项目： <select size="1" name="yd"> <option value=0>请选择</option> <option value=1>篮球</option> <option value=2>足球</option> <option value=3>游泳</option> <option value=4>乒乓球</option> </select><br> 备注： <textarea rows="4" cols="25"></textarea> </p> <p> <input type="submit" value="确认"> <input type="reset" value="取消"> </p> </form> </center> </body> </html>
在IE 8.0中浏览效果如图2-11所示，可以看到网页中下拉列表框和多行文本框的显示。
图2-11 多行文本框和列表显示