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