HTML5 表单详解

注：如果文本出现不能自动换行现象，请将游览器调成兼容模式

概叙

<form>元素用于生成表单，该元素不会生成可视化部分。
<input>元素是表单元素中功能最丰富的控件
<label>元素用于在表单中定义标签
<button>元素用于在表单中定义按钮

<form>元素

<from>元素可以将多个<input>元素的值整合成一个请求。除了可以指定全局属性外，还能指定如下几个属性：

• action：指定当单击“确定”按钮时，该表单被提交到哪个地址。该属性可以指定一个绝对地址，也可以指定一个相对地址。该属性必填。
• method：指定提交表单时发送哪种类型的请求，该属性一般为get或post，该属性必填。
  属性值：
  
  • get：请查资料
  • post：请查资料
• enctype：指定对表单内容进行编码所使用的字符集。
  属性值：
  
  • application/x-www-form-urlencoded：在发送前编码所有字符（默认）
  • multipart/form-data：不对字符编码。在使用包含文件上传控件的表单时，必须使用该值。
  • text/plain：空格转换为 “+” 加号，但不对特殊字符编码。
• name：指定表单的唯一名称，建议该属性与id保持一致。
• target：使用哪种方式打开URL（与超链接target可接受的属性值一样）。
  属性值：
  
  • _blank：在新窗口中打开被链接文档。
  • _parent：在父框架集中打开被链接文档。
  • _self：默认。在相同的框架中打开被链接文档。
  • _top：在整个窗口中打开被链接文档。

<input>元素

<input>元素可以生成是各种带“值”的视图，用于搜集用户信息。除了可以指定全局属性外，还能指定如下几个属性：

• type：规定 input 元素的类型。
  属性值：
  
  • text：单行文本框
  • password：密码输入框
  • hidden：隐藏域
  • radio：单选框
  • checkbox：复选框
  • image：图片域
  • file：文件上传域
  • submit：提交按钮
  • reset：重设按钮
  • button：无动作按钮
• checked：设置单选框，复选框初始状态是否处于选中状态，该属性值只能是checked，表示初始被选中。
• disabled：设置首次加载时禁用此元素。该属性值只能是disabled，表示该元素被禁用了，无法输入焦点，无法选中，无法输入值等，无法响应事件等。当type=“hidden”时，不能使用该属性。
• maxLength：该属性是一个数字，代表允许输入的最大字符数。
• readonly：制定文本框的值不允许用户修改（可以使用JS脚本修改）。
• size：该属性是一个数字，指定该元素的宽度，当type=“hidden”时，不能使用该属性。
• src：指定图像域所显示图片的URL，当type=“image”时，才能使用该属性。

<label>元素

<label>元素除了可以指定全局属性外，还能指定如下几个属性：

• for：隐式关联<input>元素，当用于选择此元素生成的视图效果时，游览器会自动把焦点转移到关联元素生成的视图上。当然还有显式关联，但不推荐用，所以就不介绍了。

<button>元素

<button>元素除了可以指定全局属性外，还能指定如下几个属性：

• disabled：指定是否禁用此按钮，该值只能是disabled，或者省略属性值。
• name：指定该按钮的唯一名称，建议该属性与id保持一致。
• type：指定该按钮属于哪种按钮，该属性只能是button、reset、submit其中的一种。
• value：指定改按钮的初始值。此值可以通过脚本修改。

<select>元素

<select>元素用来创建列表框或下拉菜单，该元素必须和<option>元素结合使用，每个<option>元素代表一个列表项或菜单项。元素除了可以指定全局属性外，还能指定如下几个属性：

• disabled：指定是否禁用此按钮，该值只能是disabled，或者省略属性值。
• multiple：设置该列表框和下拉菜单是否多选，该值只能是multiple，即表示多选，一旦设置成多选<button>元素就会自动生成列表框。如果<button>元素指定了该属性，游览器就会生产列表框，否则就是下拉菜单。
• size：指定该列表框内同时显示多少个列表项。如果<button>元素指定了该属性，游览器就会生产列表框，否则就是下拉菜单。

<option>元素用来定义列表框选项或菜单项。该元素里只能包含文本内容作为选项的文本。

<optgroup>用于定义列表项组或菜单项组。该元素里只能包含<option>子元素，处于<optgroup>里的<option>就属于该组。元素除了可以指定全局属性外，还能指定如下几个属性：

• label：指定该选项组的标签。该属性必填。
• disabled：指定是否禁用此按钮，该值只能是disabled，或者省略属性值。

<textarea>元素

<textarea>元素用来生成多行文本域。元素除了可以指定全局属性外，还能指定如下几个属性：

-cols：指定文本域的宽度，该属性必填。
-rows：指定文本域的高度，该属性必填。
-disabled：指定是否禁用此按钮，该值只能是disabled，或者省略属性值。
-readonly：指定该文本域只读，该值只能是readonly。