<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")