<input>:用于收集用戶信息。
根據(jù)不同的 type 屬性值捏萍,輸入字段擁有很多種形式太抓。輸入字段可以是文本字段、復(fù)選框令杈、掩碼后的文本控件走敌、單選按鈕、按鈕等等逗噩。
注:
在 HTML 中掉丽,<input> 標簽沒有結(jié)束標簽跌榔。
在 XHTML 中,<input> 標簽必須被正確地關(guān)閉机打。
input的屬性和值:
1.accept:規(guī)定通過文件上傳來提交的文件的類型。
值:mime_type:能夠被提交或上傳的一個或多個 MIME 類型片迅。
如需規(guī)定多個 MIME 類型残邀,請使用逗號分隔這些類型。
2.align:規(guī)定圖像輸入的對齊方式柑蛇。
值:
- left:向左對齊(默認)
- right:向右對齊
- top:向上對齊
- middle:向中間對齊
- bottom:向下對齊
3.alt:定義圖像輸入的替代文本芥挣。
值:value
4.autocomplete:規(guī)定是否使用輸入字段的自動完成功能。
值:
- no:默認耻台。規(guī)定啟用自動完成功能空免。
- off:規(guī)定禁用自動完成功能。
5.autofocus:規(guī)定輸入字段在頁面加載時是否獲得焦點盆耽。
(不適用于 type="hidden")
值:autofocus
6.checked:規(guī)定此 input 元素首次加載時應(yīng)當被選中蹋砚。
值:checked:預(yù)先選定復(fù)選框或單選按鈕。
7.disabled:當 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ā)送前編碼所有字符(默認)
- 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:在當前窗口打開
- _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: 定義單行的輸入字段狮斗,用戶可在其中輸入文本绽乔。默認寬度為 20 個字符。
29.value:規(guī)定 input 元素的值碳褒。
30.width:定義 input 字段的寬度折砸。(適用于 type="image")