HTML 5 <input> 標(biāo)簽
定義和用法
<input> 標(biāo)簽規(guī)定用戶可輸入數(shù)據(jù)的輸入字段。
根據(jù)不同的 type 屬性，輸入字段有多種形態(tài)。輸入字段可以是文本字段、復(fù)選框、密碼字段、單選按鈕、按鈕等等。
實(shí)例
帶有兩個(gè)輸入字段和一個(gè)提交按鈕的簡(jiǎn)單的 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="提交" /> </form>
HTML 4.01 與 HTML 5 之間的差異
在 HTML 4.01 中，"align" 屬性已被廢棄，HTML5 不支持該屬性。請(qǐng)使用 CSS 對(duì) input 元素進(jìn)行對(duì)齊操作。
HTML5 中的 <input> 標(biāo)題擁有許多新的屬性。
HTML5 中的 type 屬性擁有許多新的值。
提示和注釋
注釋：input 元素是空的，它只包含屬性。
提示：請(qǐng)使用 label 元素為表單控件定義標(biāo)簽（label）。
屬性
new : HTML5 中的新屬性。
| 屬性 | 值 | 描述 |
|---|---|---|
| accept | list_of_mime_types |
規(guī)定可通過(guò)文件上傳控件提交的文件類型。 （僅適用于 type="file"） |
| alt | text |
規(guī)定圖像輸入控件的替代文本。 （僅適用于 type="image"） |
| autocomplete |
|
規(guī)定是否使用輸入字段的自動(dòng)完成功能。 |
| autofocus | autofocus |
規(guī)定輸入字段在頁(yè)面加載時(shí)是否獲得焦點(diǎn)。 （不適用于 type="hidden"） |
| checked | checked |
規(guī)定當(dāng)頁(yè)面加載時(shí)是否預(yù)先選擇該 input 元素。 （適用于 type="checkbox" 或 type="radio"） |
| disabled | disabled |
規(guī)定當(dāng)頁(yè)面加載時(shí)是否禁用該 input 元素。 （不適用于 type="hidden"） |
| form | formname | 規(guī)定輸入字段所屬的一個(gè)或多個(gè)表單。 |
| formaction | URL |
覆蓋表單的 action 屬性。 （適用于 type="submit" 和 type="image"） |
| formenctype | 見(jiàn)注釋 |
覆蓋表單的 enctype 屬性。 （適用于 type="submit" 和 type="image"） |
| formmethod |
|
覆蓋表單的 method 屬性。 （適用于 type="submit" 和 type="image"） |
| formnovalidate | formnovalidate |
覆蓋表單的 novalidate 屬性。 如果使用該屬性，則提交表單時(shí)不進(jìn)行驗(yàn)證。 |
| formtarget |
|
覆蓋表單的 target 屬性。 （適用于 type="submit" 和 type="image"） |
| height |
|
定義 input 字段的高度。（適用于 type="image"） |
| list | datalist-id | 引用包含輸入字段的預(yù)定義選項(xiàng)的 datalist 。 |
| max |
|
規(guī)定輸入字段的最大值。 請(qǐng)與 "min" 屬性配合使用，來(lái)創(chuàng)建合法值的范圍。 |
| maxlength | number | 規(guī)定文本字段中允許的最大字符數(shù)。 |
| min |
|
規(guī)定輸入字段的最小值。 請(qǐng)與 "max" 屬性配合使用，來(lái)創(chuàng)建合法值的范圍。 |
| multiple | multiple | 如果使用該屬性，則允許一個(gè)以上的值。 |
| name | field_name |
規(guī)定 input 元素的名稱。 name 屬性用于在提交表單時(shí)搜集字段的值。 |
| pattern | regexp_pattern |
規(guī)定輸入字段的值的模式或格式。 例如 pattern="[0-9]" 表示輸入值必須是 0 與 9 之間的數(shù)字。 |
| placeholder | text | 規(guī)定幫助用戶填寫(xiě)輸入字段的提示。 |
| readonly | readonly | 指示字段的值無(wú)法修改。 |
| required | required | 指示輸入字段的值是必需的。 |
| size | number_of_char | 規(guī)定輸入字段中的可見(jiàn)字符數(shù)。 |
| src | URL | 規(guī)定圖像的 URL。（適用于 type="image"） |
| step | number | 規(guī)定輸入字的的合法數(shù)字間隔。 |
| type |
|
規(guī)定 input 元素的類型。 |
| value | value |
對(duì)于按鈕：規(guī)定按鈕上的文本 對(duì)于圖像按鈕：傳遞到腳本的字段的符號(hào)結(jié)果 對(duì)于復(fù)選框和單選按鈕：定義 input 元素被點(diǎn)擊時(shí)的結(jié)果。 對(duì)于隱藏、密碼和文本字段：規(guī)定元素的默認(rèn)值。 注釋：不能與 type="file" 一同使用。 注釋：對(duì)于 type="checkbox" 以及 type="radio"，是必需的。 |
| width |
|
定義 input 字段的寬度。（適用于 type="image"） |
全局屬性
<input> 標(biāo)簽支持 HTML 5 中的全局屬性。
事件屬性
<input> 標(biāo)簽支持 HTML 5 中的事件屬性。