第三章：表单应用

1.表单简介

表单是可以把浏览器输入的数据传送到服务器端的程序的HTML元素，服务器端程序可以处理表单传过来的数据，从而进行一些动作。form标签表示HTML表单，form标签是成对出现的，以<form>开始以</form>结束，它的常用属性如下：

• action：浏览器输入的数据被传送到的地方，如JSP或PHP页面；
• method：数据传送的方法：get方式传输的数据显示在地址栏，不安全，并且传输的数据量少，post方式不会将传输的数据显示在地址栏，比较安全，并且传输的数据量也比较大；
• enctype：表示将数据传送到服务器时浏览器使用的编码类型，"application/x-www-form-urlencoded"表示窗体数据被编码为名称/值对，这是标准的编码格式，是默认的；"multipart/form-data"表示窗体数据被编码成一条消息，页面上每个控件对应消息的一个部分，在文件上传时必须使用该格式，并且需要使用post方法传输数据；"text/plain"表示以纯文本形式进行编码，其中不含任何控件或格式字符。

2.input标签

input标签代表HTML表单的单行输入域，input标签是单独出现的<input/>，它的常用属性如下：

• type：代表一个输入域的显示方式，分为输入型、选择型、点击型；
• name：此表单项的名称；
• value：输入域的值，可以用来设置默认值；
• size：输入域的长度；
• maxlength：输入域最多可以输入文字的长度；
• checked：如果是选择型的输入域代表已经被选择；
• readonly：输入域可以选择，但是无法修改；
• disabled：输入域无法获得焦点，无法选择，以灰色显示，在表单中不起任何作用；
• accesskey：表单的快捷键访问方式；
• tabindex：输入域的tab键遍历顺序；
• src：当使用图片来表示按钮时，代表图片的URL；
• alt：用来替换提交按钮的图片（当在input的src属性定义的图片无法显示时）提示是信息。

3.type属性的取值

type属性代表HTML表单单行输入域的表现方式，type属性的取值如下：

• text：文字输入域；
• password：也是文字输入域，但是输入的文字以密码符号显示；
• file：可以输入一个文件路径；
• checkbox：复选框，可以选择零个或多个；
• radio：单选框，只可以选择一个而且必须选择一个；
• hidden：代表隐藏域，可以传送一些隐藏的信息到服务器；
• button：表示一个按钮；
• image：使用图片来显示一个按钮，使用src属性指定图像的位置；
• submit：提交按钮，表单填写完毕可以进行提交，把信息传送到服务器，可以使用value属性来显示按钮上的文字；
• reset：重置按钮，可以把表单中的信息清空。

4.textarea标签

textarea代表HTML表单多行输入域，它是成对出现的以<textarea>开始，以</textarea>结束，它的常用属性如下：

• cols：多行输入域的列数；
• rows：多行输入域的行数；
• name：此表单项的名称；
• accesskey：表单的快捷键访问方式；
• disabled：无法获得焦点，无法选择，灰色显示，表单中无效；
• readonly：输入域可以选择，但是无法修改；
• tabindex：输入域使用tab键的遍历顺序。

5.select标签

select标签表示选择列表，select标签是成对出现的，以<select>开头，以</select>结束，此标签中的每一对option标签代表一个选择项，它的常用属性如下：

• name：表单项的名称；
• size：选择域的高度；
• multiple：可以有多个选择；
• disabled：以灰色显示，在表单中不起任何作用；
• tabindex：使用tab键的遍历顺序。

6.option标签

option标签代表选择列表的一个选项，它是成对出现的，以<option>开始，以</option>结束，它的常用属性如下：

• label：说明选择项；
• value：选择项的值；
• selected：此选项已经被选择；
• disabled：以灰色显示；
• tabindex：使用tab键的遍历顺序。