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