input标签详解

<input>：用于收集用户信息。

根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

注：
在 HTML 中，<input> 标签没有结束标签。
在 XHTML 中，<input> 标签必须被正确地关闭。

input的属性和值：

1.accept：规定通过文件上传来提交的文件的类型。
值：mime_type：能够被提交或上传的一个或多个 MIME 类型。
如需规定多个 MIME 类型，请使用逗号分隔这些类型。
2.align：规定图像输入的对齐方式。
值：

• left:向左对齐(默认）
• right:向右对齐
• top:向上对齐
• middle:向中间对齐
• bottom:向下对齐

3.alt:定义图像输入的替代文本。
值：value
4.autocomplete:规定是否使用输入字段的自动完成功能。
值：

• no：默认。规定启用自动完成功能。
• off：规定禁用自动完成功能。

5.autofocus:规定输入字段在页面加载时是否获得焦点。
（不适用于 type="hidden"）
值：autofocus
6.checked：规定此 input 元素首次加载时应当被选中。
值：checked：预先选定复选框或单选按钮。
7.disabled：当 input 元素加载时禁用此元素。
值：disabled：禁用一个 input 元素。
8.form：规定输入字段所属的一个或多个表单。
值：formname：规定表单的名称。
9.formaction：覆盖表单的 action 属性。
（适用于 type="submit" 和 type="image"）
值：URL
10.formenctype：覆盖表单的 enctype 属性。
（适用于 type="submit" 和 type="image"）
值：

• application/x-www-form-urlencoded：在发送前编码所有字符（默认）
• multipart/form-data：不对字符编码。
  在使用包含文件上传控件的表单时，必须使用该值。
• text/plain：空格转换为 "+" 加号，但不对特殊字符编码。

11.formmethod：覆盖表单的 method 属性。
（适用于 type="submit" 和 type="image"）
值：

• get： 从指定的资源请求数据。
• post： 向指定的资源提交要被处理的数据

12.formnovalidate：覆盖表单的 novalidate 属性。
如果使用该属性，则提交表单时不进行验证。
值：formnovalidate
13.formtarget：覆盖表单的 target 属性。
（适用于 type="submit" 和 type="image"）
值：

• _blank：在新的窗口打开
• _self：在当前窗口打开
• _parent：在父窗口打开
• _top：在最顶极窗口打开
• framename：在指定的窗口打开

14.heiqht：定义 input 字段的高度。（适用于 type="image"）
值：

• pixels：以像素计的高度。（比如 "100px" 或仅仅是 "100"）。
• %：以包含元素的百分比计的高度（比如 "50%"）

15.list：引用包含输入字段的预定义选项的 datalist 。
值：datalist-id：文档中的 datalist 的 id。
16.max：规定输入字段的最大值。
请与 "min" 属性配合使用，来创建合法值的范围。
值：

• number：数字值。规定输入字段允许的最大值。
• date：日期。规定输入字段允许的最大值。

17.maxlenqth：规定输入字段中的字符的最大长度。
值：number：数字值。规定输入字段允许的最大值。
18.min：规定输入字段的最小值。
请与 "max" 属性配合使用，来创建合法值的范围。
值：

• number：数字值。规定输入字段允许的最小值。
• date：日期。规定输入字段允许的最小值。

19.multiple：如果使用该属性，则允许一个以上的值。
值：multiple
20.name：定义 input 元素的名称。
值：field_name：元素的名称。
21.pattern：规定输入字段的值的模式或格式。
例如 pattern="[0-9]" 表示输入值必须是 0 与 9 之间的数字。
值：regexp：规定用于验证输入字段的模式。
22.placeholder：规定帮助用户填写输入字段的提示。
值：text
23.readonly：规定输入字段为只读。
值：readonly
24.required：指示输入字段的值是必需的。
值：required
25.size：定义输入字段的宽度。
26.src：定义以提交按钮形式显示的图像的 URL。
27.step：规定输入字的的合法数字间隔。
28.type：规定 input 元素的类型。
值：

• button：定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）。
• checkbox：复选框
• file：定义输入字段和 "浏览"按钮，供文件上传。
• hidden：定义隐藏的输入字段。
• image：定义图像形式的提交按钮。
• password： 定义密码字段。该字段中的字符被掩码。
• radio： 定义单选按钮。
• reset：定义重置按钮。重置按钮会清除表单中的所有数据。
• submit：定义提交按钮。提交按钮会把表单数据发送到服务器
• text： 定义单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符。

29.value：规定 input 元素的值。
30.width：定义 input 字段的宽度。（适用于 type="image"）