input標(biāo)簽詳解

<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")

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 標(biāo)簽用于搜集用戶信息,一般放在 標(biāo)簽下,根據(jù)不同的type屬性值,輸入字段擁有很多種形式,可以是文本、復(fù)選框、按鈕...
    饑人谷_Oneleven閱讀 2,166評論 1 2
  • 常用的input標(biāo)簽 button 一個沒有默認(rèn)行為的推送按鈕 checkbox 一個被選中的盒子,必須使用val...
    勃王閱讀 453評論 0 0
  • 什么是input? 標(biāo)簽用于搜集用戶信息。根據(jù)不同的 type 屬性值,輸入字段擁有很多種形式,輸入字段可以是文本...
    饑人谷_Dylan閱讀 1,266評論 0 50
  • 最近學(xué)習(xí)HTML的過程中遇到了input標(biāo)簽,作為一名前端初級學(xué)習(xí)者,其實我是不太了解的。既然不懂的話,就得深入的...
    饑人谷_enzo閱讀 1,664評論 0 0
  • 一、<input>是什么 它在HTML中代表一個元素(Element),多數(shù)用于表單的互交控件。input在HTM...
    饑人谷_hak閱讀 1,782評論 0 0