HTML <input> 标签 · W3School HTML 参考手册

# HTML <input> 标签 ## 实例一个简单的 HTML 表单，包含两个文本输入框和一个提交按钮： ``` <form action="form_action.asp" method="get"> First name: <input type="text" name="fname" /> Last name: <input type="text" name="lname" /> <input type="submit" value="Submit" /> </form> ``` （您可以在页面底部找到更多实例） ## 浏览器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有浏览器都支持 <input> 标签。 ## 定义和用法 <input> 标签用于搜集用户信息。根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。 ## HTML 与 XHTML 之间的差异在 HTML 中，<input> 标签没有结束标签。在 XHTML 中，<input> 标签必须被正确地关闭。 ## 提示和注释：提示：请使用 [label 元素](/tags/tag_label.asp "HTML <label> 标签")为某个表单控件定义标签。 ## 属性 new : HTML5 中的新属性。 | 属性 | 值 | 描述 | | --- | --- | --- | | [accept](/tags/att_input_accept.asp "HTML <input> 标签的 accept 属性") | *mime_type* | 规定通过文件上传来提交的文件的类型。 | | [align](/tags/att_input_align.asp "HTML <input> 标签的 align 属性") | `left` `right` `top` `middle` `bottom` | 不赞成使用。规定图像输入的对齐方式。 | | [alt](/tags/att_input_alt.asp "HTML <input> 标签的 alt 属性") | text | 定义图像输入的替代文本。 | | [autocomplete](/tags/att_input_autocomplete.asp "HTML5 <input> autocomplete 属性") | `on` `off` | 规定是否使用输入字段的自动完成功能。 | | [autofocus](/tags/att_input_autofocus.asp "HTML5 <input> autofocus 属性") | autofocus |规定输入字段在页面加载时是否获得焦点。（不适用于 type="hidden"） | | [checked](/tags/att_input_checked.asp "HTML <input> 标签的 checked 属性") | checked | 规定此 input 元素首次加载时应当被选中。 | | [disabled](/tags/att_input_disabled.asp "HTML <input> 标签的 disabled 属性") | disabled | 当 input 元素加载时禁用此元素。 | | [form](/tags/att_input_form.asp "HTML5 <input> form 属性") | _formname_ | 规定输入字段所属的一个或多个表单。 | | [formaction](/tags/att_input_formaction.asp "HTML5 <input> formaction 属性") | _URL_ |覆盖表单的 action 属性。（适用于 type="submit" 和 type="image"） | | [formenctype](/tags/att_input_formenctype.asp "HTML5 <input> formenctype 属性") | 见注释 |覆盖表单的 enctype 属性。（适用于 type="submit" 和 type="image"） | | [formmethod](/tags/att_input_formmethod.asp "HTML5 <input> formmethod 属性") | `get` `post` |覆盖表单的 method 属性。（适用于 type="submit" 和 type="image"） | | [formnovalidate](/tags/att_input_formnovalidate.asp "HTML5 <input> formnovalidate 属性") | formnovalidate |覆盖表单的 novalidate 属性。如果使用该属性，则提交表单时不进行验证。 | | [formtarget](/tags/att_input_formtarget.asp "HTML5 <input> formtarget 属性") | `_blank` `_self` `_parent` `_top` `framename` |覆盖表单的 target 属性。（适用于 type="submit" 和 type="image"） | | [height](/tags/att_input_height.asp "HTML5 <input> height 属性") | _pixels_ _%_ | 定义 input 字段的高度。（适用于 type="image"） | | [list](/tags/att_input_list.asp "HTML5 <input> list 属性") | _datalist-id_ | 引用包含输入字段的预定义选项的 datalist 。 | | [max](/tags/att_input_max.asp "HTML5 <input> max 属性") | _number_ _date_ |规定输入字段的最大值。请与 "min" 属性配合使用，来创建合法值的范围。 | | [maxlength](/tags/att_input_maxlength.asp "HTML <input> 标签的 maxlength 属性") | number | 规定输入字段中的字符的最大长度。 | | [min](/tags/att_input_min.asp "HTML5 <input> min 属性") | _number_ _date_ |规定输入字段的最小值。请与 "max" 属性配合使用，来创建合法值的范围。 | | [multiple](/tags/att_input_multiple.asp "HTML5 <input> multiple 属性") | multiple | 如果使用该属性，则允许一个以上的值。 | | [name](/tags/att_input_name.asp "HTML <input> 标签的 name 属性") | field_name | 定义 input 元素的名称。 | | [pattern](/tags/att_input_pattern.asp "HTML5 <input> pattern 属性") | *regexp_pattern* |规定输入字段的值的模式或格式。例如 pattern="[0-9]" 表示输入值必须是 0 与 9 之间的数字。 | | [placeholder](/tags/att_input_placeholder.asp "HTML5 <input> placeholder 属性") | _text_ | 规定帮助用户填写输入字段的提示。 | | [readonly](/tags/att_input_readonly.asp "HTML <input> 标签的 readonly 属性") | readonly | 规定输入字段为只读。 | | [required](/tags/att_input_required.asp "HTML5 <input> required 属性") | required | 指示输入字段的值是必需的。 | | [size](/tags/att_input_size.asp "HTML <input> 标签的 size 属性") | number_of_char | 定义输入字段的宽度。 | | [src](/tags/att_input_src.asp "HTML <input> 标签的 src 属性") | URL | 定义以提交按钮形式显示的图像的 URL。 | | [step](/tags/att_input_step.asp "HTML5 <input> step 属性") | _number_ | 规定输入字的的合法数字间隔。 | | [type](/tags/att_input_type.asp "HTML <input> 标签的 type 属性") | `button` `checkbox` `file` `hidden` `image` `password` `radio` `reset` `submit` `text` | 规定 input 元素的类型。 | | [value](/tags/att_input_value.asp "HTML <input> 标签的 value 属性") | _value_ | 规定 input 元素的值。 | | [width](/tags/att_input_width.asp "HTML5 <input> width 属性") | _pixels_ _%_ | 定义 input 字段的宽度。（适用于 type="image"） | ## 全局属性 <input> 标签支持 [HTML 中的全局属性](/tags/html_ref_standardattributes.asp)。 ## 事件属性 <input> 标签支持 [HTML 中的事件属性](/tags/html_ref_eventattributes.asp)。 ## 相关页面 HTML DOM 参考手册： * [Input Button 对象](/jsref/dom_obj_button.asp "HTML DOM Button 对象") * [Input Checkbox 对象](/jsref/dom_obj_checkbox.asp "HTML DOM Checkbox 对象") * [Input Color 对象](/jsref/dom_obj_color.asp "HTML DOM Color 对象") * [Input Date 对象](/jsref/dom_obj_date.asp "HTML DOM Input Date 对象") * [Input Datetime 对象](/jsref/dom_obj_datetime.asp "HTML DOM Datetime 对象") * [Input Datetime Local 对象](/jsref/dom_obj_datetime-local.asp "HTML DOM Datetime Local 对象") * [Input Email 对象](/jsref/dom_obj_email.asp "HTML DOM Email 对象") * [Input FileUpload 对象](/jsref/dom_obj_fileupload.asp "HTML DOM FileUpload 对象") * [Input Hidden 对象](/jsref/dom_obj_hidden.asp "HTML DOM Hidden 对象") * [Input Input Image 对象](/jsref/dom_obj_input_image.asp "HTML DOM Input Image 对象") * [Input Month 对象](/jsref/dom_obj_month.asp "HTML DOM Month 对象") * [Input Number 对象](/jsref/dom_obj_number.asp "HTML DOM Number 对象") * [Input Password 对象](/jsref/dom_obj_password.asp "HTML DOM Password 对象") * [Input Range 对象](/jsref/dom_obj_range.asp "HTML DOM Input Range 对象") * [Input Radio 对象](/jsref/dom_obj_radio.asp "HTML DOM Radio 对象") * [Input Reset 对象](/jsref/dom_obj_reset.asp "HTML DOM Reset 对象") * [Input Input Search 对象](/jsref/dom_obj_search.asp "HTML DOM Input Search 对象") * [Input Submit 对象](/jsref/dom_obj_submit.asp "HTML DOM Submit 对象") * [Input Text 对象](/jsref/dom_obj_text.asp "HTML DOM Text 对象") * [Input Input Time 对象](/jsref/dom_obj_input_time.asp "HTML DOM Input Time 对象") * [Input Input URL 对象](/jsref/dom_obj_url.asp "HTML DOM Input URL 对象") * [Input Week 对象](/jsref/dom_obj_week.asp "HTML DOM Week 对象")