<input>:用于收集用戶信息。
根據(jù)不同的 type 屬性值,輸入字段擁有很多種形式。輸入字段可以是文本字段、復(fù)選框、掩碼后的文本控件、單選按鈕、按鈕等等。
注:
在 HTML 中,<input> 標(biāo)簽沒有結(jié)束標(biāo)簽。
在 XHTML 中,<input> 標(biāo)簽必須被正確地關(guān)閉。
input的屬性和值:
1.accept:規(guī)定通過文件上傳來提交的文件的類型。
值:mime_type:能夠被提交或上傳的一個或多個 MIME 類型。
如需規(guī)定多個 MIME 類型,請使用逗號分隔這些類型。
2.align:規(guī)定圖像輸入的對齊方式。
值:
- left:向左對齊(默認(rèn))
- right:向右對齊
- top:向上對齊
- middle:向中間對齊
- bottom:向下對齊
3.alt:定義圖像輸入的替代文本。
值:value
4.autocomplete:規(guī)定是否使用輸入字段的自動完成功能。
值:
- no:默認(rèn)。規(guī)定啟用自動完成功能。
- off:規(guī)定禁用自動完成功能。
5.autofocus:規(guī)定輸入字段在頁面加載時是否獲得焦點。
(不適用于 type="hidden")
值:autofocus
6.checked:規(guī)定此 input 元素首次加載時應(yīng)當(dāng)被選中。
值:checked:預(yù)先選定復(fù)選框或單選按鈕。
7.disabled:當(dāng) input 元素加載時禁用此元素。
值:disabled:禁用一個 input 元素。
8.form:規(guī)定輸入字段所屬的一個或多個表單。
值:formname:規(guī)定表單的名稱。
9.formaction:覆蓋表單的 action 屬性。
(適用于 type="submit" 和 type="image")
值:URL
10.formenctype:覆蓋表單的 enctype 屬性。
(適用于 type="submit" 和 type="image")
值:
- application/x-www-form-urlencoded:在發(fā)送前編碼所有字符(默認(rèn))
- multipart/form-data:不對字符編碼。
在使用包含文件上傳控件的表單時,必須使用該值。 - text/plain:空格轉(zhuǎn)換為 "+" 加號,但不對特殊字符編碼。
11.formmethod:覆蓋表單的 method 屬性。
(適用于 type="submit" 和 type="image")
值:
- get: 從指定的資源請求數(shù)據(jù)。
- post: 向指定的資源提交要被處理的數(shù)據(jù)
12.formnovalidate:覆蓋表單的 novalidate 屬性。
如果使用該屬性,則提交表單時不進行驗證。
值:formnovalidate
13.formtarget:覆蓋表單的 target 屬性。
(適用于 type="submit" 和 type="image")
值:
- _blank:在新的窗口打開
- _self:在當(dāng)前窗口打開
- _parent:在父窗口打開
- _top:在最頂極窗口打開
- framename:在指定的窗口打開
14.heiqht:定義 input 字段的高度。(適用于 type="image")
值:
- pixels:以像素計的高度。(比如 "100px" 或僅僅是 "100")。
- %:以包含元素的百分比計的高度(比如 "50%")
15.list:引用包含輸入字段的預(yù)定義選項的 datalist 。
值:datalist-id:文檔中的 datalist 的 id。
16.max:規(guī)定輸入字段的最大值。
請與 "min" 屬性配合使用,來創(chuàng)建合法值的范圍。
值:
- number:數(shù)字值。規(guī)定輸入字段允許的最大值。
- date:日期。規(guī)定輸入字段允許的最大值。
17.maxlenqth:規(guī)定輸入字段中的字符的最大長度。
值:number:數(shù)字值。規(guī)定輸入字段允許的最大值。
18.min:規(guī)定輸入字段的最小值。
請與 "max" 屬性配合使用,來創(chuàng)建合法值的范圍。
值:
- number:數(shù)字值。規(guī)定輸入字段允許的最小值。
- date:日期。規(guī)定輸入字段允許的最小值。
19.multiple:如果使用該屬性,則允許一個以上的值。
值:multiple
20.name:定義 input 元素的名稱。
值:field_name:元素的名稱。
21.pattern:規(guī)定輸入字段的值的模式或格式。
例如 pattern="[0-9]" 表示輸入值必須是 0 與 9 之間的數(shù)字。
值:regexp:規(guī)定用于驗證輸入字段的模式。
22.placeholder:規(guī)定幫助用戶填寫輸入字段的提示。
值:text
23.readonly:規(guī)定輸入字段為只讀。
值:readonly
24.required:指示輸入字段的值是必需的。
值:required
25.size:定義輸入字段的寬度。
26.src:定義以提交按鈕形式顯示的圖像的 URL。
27.step:規(guī)定輸入字的的合法數(shù)字間隔。
28.type:規(guī)定 input 元素的類型。
值:
- button:定義可點擊按鈕(多數(shù)情況下,用于通過 JavaScript 啟動腳本)。
- checkbox:復(fù)選框
- file:定義輸入字段和 "瀏覽"按鈕,供文件上傳。
- hidden:定義隱藏的輸入字段。
- image:定義圖像形式的提交按鈕。
- password: 定義密碼字段。該字段中的字符被掩碼。
- radio: 定義單選按鈕。
- reset:定義重置按鈕。重置按鈕會清除表單中的所有數(shù)據(jù)。
- submit:定義提交按鈕。提交按鈕會把表單數(shù)據(jù)發(fā)送到服務(wù)器
- text: 定義單行的輸入字段,用戶可在其中輸入文本。默認(rèn)寬度為 20 個字符。
29.value:規(guī)定 input 元素的值。
30.width:定義 input 字段的寬度。(適用于 type="image")