第七章使用表单
目录
表单的用途很多，在制作网页，特别是制作动态网页时常常会用到。表单主要用来收集客户端提供的相关信息，使网页具有交互功能。在网页制作过程中，常常需要使用表单，如会员注册、网上调查和搜索等。访问者可以使用文本域、列表框、复选框以及单选按钮之类的表单对象输入信息，然后单击某个按钮提交这些信息。
1、表单标记form
在网页中<form></form>标记对用来创建一个表单，即定义表单的开始和结束位置，在标记对之间的一切都属于表单的内容。在表单的<form>标记中，可以设置表单的基本属性，包括表单的名称、处理程序和传送方法。一般情况下，表单的处理程序action和传送方法method是必不可少的参数。
1.1提交表单action
action用于指定表单数据提交到哪个地址进行处理。
语法：
<form action="表单的处理程序">
......
</form>1.2表单名称name
name用于给表单命名，这一属性不是表单的必要属性，但是为了防止表单提交到后台处理程序时出现混乱，一般需要给表单命名。
语法：
<form name="表单名称">
...
</form>表单名称中不能包含特殊字符和空格。
1.3传送方法method
表单的method属性用于指定在数据提交到服务器的时候使用哪种HTTP提交方法，可取值为get或post。
get：表单数据被传送到action属性指定的URL，然后这个新URL被送到处理程序上。
post:表单数据被包含在表单主体中，然后被送到处理程序上。
语法：
<form method="传送方法">
......
</form>1.4编码方式
表单中的enctype属性用于设置表单信息提交的编码方式。
语法：
<form enctype="编码方式">
......
</form>
1.5目标显示方法target
target用来指定目标窗口的打开方式，表单的目标窗口往往用来显示表单的返回信息。
语法：
<form target="目标窗口的打开方式">
......
</form>目标窗口的打开方式有4个选项，_blank、_parent、_self和_top。其中_blank为将链接的文件载入一个未命名的新浏览器窗口中；_parent为将链接的文件载入含有该链接框架的父框架集或父窗口中；_self为将链接的文件载入该链接所在的同一框架或窗口中；_top为在整个浏览器窗口中载入所链接的文件因而会删除所有框架。
2、插入表单对象
网页中的表单由许多不同的表单元素组成。这些表单元素包括文字字段、单选按钮、复选框、菜单和列表以及按钮。
2.1文字字段text
在网页中最常见的表单元素就是文字字段，用户可以在文字字段内输入字符或者单行文本。
语法：
<input name="控件名称" type="text" value="文字字段的默认值" size="控件的长度" maxlength="最长字符数" />
2.2密码域password
密码域是一种特殊的文字字段，它的各属性和文字字段是相同的。所不同的是，密码域输入的字符全部以星号“*”表示。
语法：
<input name="控件名称" type="password" value="文字字段的默认取值" size="控件的长度" maxlength="最长字符数" />
2.3单选按钮radio
单选按钮是小而圆的按钮，它可以使用户从选择列表中选择一个选项。
语法：
<input name="单选按钮名称" type="radio" value="单选按钮的取值" checked />在单选按钮中必须设置value的值，对于一个选择列表中的所有单选按钮来说，往往要设置为相同的名称，这样在传递时才能更好的对某一个选择内容进行判断。在一个单选按钮组中只有一个单选按钮可以设置为checked。
2.4复选框checkbox
复选框可以让用户从一个选项列表中选择多个选项。
语法：
<input name="复选框名称" type="checkbox" value="复选框的取值" checked />
2.5普通按钮button
在网页中按钮也很常见，在提交页面、清楚内容时常常用到。普通按钮一般情况下要配合脚本来进行表单处理。
语法：
<input type="button" name="按钮名称" value="按钮的取值" οnclick="处理程序" />value的取值就是显示在按钮上的文字，在button属性中可以添加onclick来实现一些特殊的功能。
2.6提交按钮
提交按钮是一种特殊的按钮，单击该类按钮可以实现表单内容的提交。
语法：
<input type="submit" name="按钮名称" value="按钮的取值" />2.7重置按钮reset
重置按钮用来清除用户在页面中输入的信息。
语法：
<input type="reset" name="按钮名称" value="按钮的取值" />2.8图像域
还可以使用一幅图像作为按钮，这样做可以创建能想象到的任何外观的按钮。
语法：
<input name="图像域的名称" type="image" src="图像路径" />2.9隐藏域hidden
有时候可能想传送一些数据，这些数据对于用户来说是不可见的。可以通过一个隐藏域来传送这样的数据。隐藏域包含哪些要提交处理的数据，但这些数据并不显示在浏览器中。
语法：
<input name="隐藏域名称" type="hidden" value="隐藏域的取值" />2.10文件域file
文件域在上传文件时常常用到，它用于查找硬盘中的文件路径，然后通过表单将选中的文件上传，在上传图像时也常常用到。
语法：
<input name="文件域名称" type="file" size="控件的长度" maxlength="最长字符数" />3、菜单和列表
3.1下拉菜单
下拉菜单是一种最节省页面空间的选择方式，因为在正常状态下只显示一个选项，单击下拉按钮打开菜单后才会看到全部的选项。
语法：
<select name="下拉菜单名称">
<option value="选项值" selected>选项显示内容</option>
......
</select>3.2列表项
在页面使用列表项可以显示出几条信息，一旦超出这个信息量，在列表项右侧会出现滚动条，拖动滚动条便可以看到所有选项。
语法：
<select name="列表项名称" size="显示的列表项数" multiple>
<option value="选项值" selected>选项显示内容</option>
......
</select>4、文本域标记textarea
当需要让浏览者填入多行文本时，就应该使用文本域而不是文字字段。和其他大多数表单对象不一样，文本域使用的是textarea标记而不是input标记。
语法：
<textarea name="文本域名称" cols="列数" rows="行数"></textarea>在语法中，不能使用value属性来建立一个在文本域中显示的初始值。相反，应当在textarea标记的开头和结尾之间包含想要在文本域内显示的文本。
5、id标记
id标记是一个较为特殊的标记，它主要用于标示一个惟一的元素。这个元素可以是文字字段，可以是密码域，也可以是其他的表单元素，甚至可以是一幅图像、一个表格。
语法：
<id = 元素标识名>