HTML 5 <input> 標簽
定義和用法
<input> 標簽規定用戶可輸入數據的輸入字段。
根據不同的 type 屬性,輸入字段有多種形態。輸入字段可以是文本字段、復選框、密碼字段、單選按鈕、按鈕等等。
實例
帶有兩個輸入字段和一個提交按鈕的簡單的 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 | 規定可通過文件上傳控件提交的文件類型。 (僅適用于 type="file") |
alt | text | 規定圖像輸入控件的替代文本。 (僅適用于 type="image") |
autocomplete |
| 規定其否使用輸入字段的自動完成功能。 |
autofocus | autofocus | 規定輸入字段在頁面加載時是否獲得焦點。 (不適用于 type="hidden") |
checked | checked | 規定當頁面加載時是否預先選擇該 input 元素。 (適用于 type="checkbox" 或 type="radio") |
disabled | disabled | 規定當頁面加載時是否禁用該 input 元素。 (不適用于 type="hidden") |
form | formname | 規定輸入字段所屬的一個或多個表單。 |
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 |
| 規定輸入字段的最大值。 請與 "min" 屬性配合使用,來創建合法值的范圍。 |
maxlength | number | 規定文本字段中允許的最大字符數。 |
min |
| 規定輸入字段的最小值。 請與 "max" 屬性配合使用,來創建合法值的范圍。 |
multiple | multiple | 如果使用該屬性,則允許一個以上的值。 |
name | field_name | 規定 input 元素的名稱。 name 屬性用于在提交表單時搜集字段的值。 |
pattern | regexp_pattern | 規定輸入字段的值的模式或格式。 例如 pattern="[0-9]" 表示輸入值必須是 0 與 9 之間的數字。 |
placeholder | text | 規定幫助用戶填寫輸入字段的提示。 |
readonly | readonly | 指示字段的值無法修改。 |
required | required | 指示輸入字段的值是必需的。 |
size | number_of_char | 規定輸入字段中的可見字符數。 |
src | URL | 規定圖像的 URL。(適用于 type="image") |
step | number | 規定輸入字的的合法數字間隔。 |
type |
| 規定 input 元素的類型。 |
value | value | 對于按鈕:規定按鈕上的文本 對于圖像按鈕:傳遞到腳本的字段的符號結果 對于復選框和單選按鈕:定義 input 元素被點擊時的結果。 對于隱藏、密碼和文本字段:規定元素的默認值。 注釋:不能與 type="file" 一同使用。 注釋:對于 type="checkbox" 以及 type="radio",是必需的。 |
width |
| 定義 input 字段的寬度。(適用于 type="image") |
全局屬性
<input> 標簽支持 HTML 5 中的全局屬性。
事件屬性
<input> 標簽支持 HTML 5 中的事件屬性。