表单就是在网页上用于输入信息的区域,它的主要功能是收集用户信息,并将这
些信息传递给后台服务器。

表单主要由 3 部分构成,分别为表单控件、提示信息和表单域。

➢ 表单控件:包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框提交按
钮等。
➢ 提示信息:一个表单中通常还需要包含一些说明性的文字即表单控件前的文字说明,用
于提示用户进行填写和操作。
➢ 表单域:它相当于一个容器,用来容纳所有的表单控件和提示信息。

表单控件<input>
浏览网页时经常会看到单行文本输入框、单选按钮、复选框、重置按钮等,使用<input />
控件可以在表单中定义这些元素,其基本语法格式如下:
<input type=”控件类型” />
在上述代码中 type 属性为其最基本的属性,取值有多种,用来指定不同的控件类型。除 typ
e 属性外,<input />控件还可以定义很多其他属性,比较常用的有 name、id、value、size,它
们分别用来指定 input 控件的名称、ID 值、控件中的默认值和控件在页面中的显示宽度。
① 普通输入项:<input type="text"/>
② 密码输入项:<input type="password"/>
③ 单选输入项:<input type="radio"/>
◆ 需要属性 name
◆ name 的属性值必须要相同
◆ 必须有一个 value 值
◆ 实现默认选中的属性:checked="checked"
④ 复选输入项:<input type="checkbox"/>
◆ 需要属性 name
◆ name 的属性值必须要相同
◆ 必须有一个 value 值
◆ 实现默认选中的属性:checked="checked"

单选框按钮和复选框按钮必须要指定相同的 name 属性值,并
且要给每个选项指定不同的 value 值,这是为了方便在处理页面数据是获取表单传递的值。

如果没有给单选框按钮和复选框按钮的选项指定 value 值,那么它提交的就是按钮的状态,
这样区分不出来哪个选项被选中。


⑤ 文件输入项(上传文件时用)<input type="file"/>
⑥ 下拉输入项(不是在 input 标签里面的)
<select name="birth">
<option value="1992">1992</option>
<option value="1993">1993</option>
</select>
默认选择:selected="selected"
⑦ 隐藏项(不会显示在页面上,但是存在于 html 代码里面)<input type="hidden" />
⑧ 提交按钮<input type="submit"/>
<input type="submit" value="注册"/>
⑨ 重置按钮<input type="reset"/>
<input type="reset" value="重填"/>
⑩ 图片提交按钮<input type="image" src="图片 URL"/>
<input type="image" src="web.jpeg" width="100" height="50" />
⑪ 普通按钮:调用 Javascript
<input type="button" value="普通按钮"/>

使用<input />标记可以定义单行文本输入框。但是,如果需要输入大量的文本信息,单行
文本框将无法显示全部的输入信息,这时就要使用<textarea></textarea>标记,通过此标记可
以创建多行文本框。
<textarea cols="每行中的字符数" rows="显示的行数">文本内容</textarea>


<form>标记用于定义表单域,即创建一个表单,其基本语法如下所示:

<form action="URL 地址" method="提交方式" name=”表单名称”>
各种表单控件
</form>

在上述的代码中,action、method、name 为<form>标记的常用属性,action 属性用于指定
表单提交的地址,例如,action="login.jsp"表示表单数据会提交到名为 login.jsp 的页面去处
理。method 属性用于设置表单数据的提交方式,其取值为 GET 或 POST,其中,GET 为默认值,这
种方式提交的数据将显示在浏览器的地址栏中,保密性差且有数据量限制,而使用 POST 提交方
式不但保密性好,还可以提交大量的数据,所以开发中通常使用 POST 方式提交表单。

(假如用GET方法,地址栏可以拦截切分,抓住提取关键信息。此刻体现出name和value的作用,即name类似于“i=1”中的i,value相当于1.我们可以通过value值获取关键信息。而POST方法,则更加适用于平时,一般来说有两种:一是提交给后台,保存或更改客户信息,二是进行关键字段的搜索。)