input標簽詳解

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市骤视,隨后出現(xiàn)的幾起案子鞍爱,更是在濱河造成了極大的恐慌鹃觉,老刑警劉巖专酗,帶你破解...
    沈念sama閱讀 217,277評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異盗扇,居然都是意外死亡祷肯,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,689評論 3 393
  • 文/潘曉璐 我一進店門疗隶,熙熙樓的掌柜王于貴愁眉苦臉地迎上來佑笋,“玉大人,你說我怎么就攤上這事斑鼻〗常” “怎么了?”我有些...
    開封第一講書人閱讀 163,624評論 0 353
  • 文/不壞的土叔 我叫張陵坚弱,是天一觀的道長蜀备。 經(jīng)常有香客問我,道長荒叶,這世上最難降的妖魔是什么碾阁? 我笑而不...
    開封第一講書人閱讀 58,356評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮些楣,結(jié)果婚禮上脂凶,老公的妹妹穿的比我還像新娘。我一直安慰自己愁茁,他們只是感情好蚕钦,可當我...
    茶點故事閱讀 67,402評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著鹅很,像睡著了一般冠桃。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上道宅,一...
    開封第一講書人閱讀 51,292評論 1 301
  • 那天食听,我揣著相機與錄音胸蛛,去河邊找鬼。 笑死樱报,一個胖子當著我的面吹牛葬项,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播迹蛤,決...
    沈念sama閱讀 40,135評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼民珍,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了盗飒?” 一聲冷哼從身側(cè)響起嚷量,我...
    開封第一講書人閱讀 38,992評論 0 275
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎逆趣,沒想到半個月后蝶溶,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,429評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡宣渗,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,636評論 3 334
  • 正文 我和宋清朗相戀三年抖所,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片痕囱。...
    茶點故事閱讀 39,785評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡田轧,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出鞍恢,到底是詐尸還是另有隱情傻粘,我是刑警寧澤,帶...
    沈念sama閱讀 35,492評論 5 345
  • 正文 年R本政府宣布帮掉,位于F島的核電站弦悉,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏旭寿。R本人自食惡果不足惜警绩,卻給世界環(huán)境...
    茶點故事閱讀 41,092評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望盅称。 院中可真熱鬧肩祥,春花似錦、人聲如沸缩膝。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,723評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽疾层。三九已至将饺,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背予弧。 一陣腳步聲響...
    開封第一講書人閱讀 32,858評論 1 269
  • 我被黑心中介騙來泰國打工刮吧, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人掖蛤。 一個月前我還...
    沈念sama閱讀 47,891評論 2 370
  • 正文 我出身青樓杀捻,卻偏偏與公主長得像,于是被迫代替她去往敵國和親蚓庭。 傳聞我的和親對象是個殘疾皇子致讥,可洞房花燭夜當晚...
    茶點故事閱讀 44,713評論 2 354

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

  • 標簽用于搜集用戶信息,一般放在 標簽下器赞,根據(jù)不同的type屬性值垢袱,輸入字段擁有很多種形式,可以是文本港柜、復(fù)選框请契、按鈕...
    饑人谷_Oneleven閱讀 2,126評論 1 2
  • 常用的input標簽 button 一個沒有默認行為的推送按鈕 checkbox 一個被選中的盒子,必須使用val...
    勃王閱讀 422評論 0 0
  • 什么是input潘懊? 標簽用于搜集用戶信息姚糊。根據(jù)不同的 type 屬性值贿衍,輸入字段擁有很多種形式授舟,輸入字段可以是文本...
    饑人谷_Dylan閱讀 1,220評論 0 50
  • 最近學(xué)習(xí)HTML的過程中遇到了input標簽,作為一名前端初級學(xué)習(xí)者贸辈,其實我是不太了解的释树。既然不懂的話,就得深入的...
    饑人谷_enzo閱讀 1,610評論 0 0
  • 一擎淤、<input>是什么 它在HTML中代表一個元素(Element),多數(shù)用于表單的互交控件奢啥。input在HTM...
    饑人谷_hak閱讀 1,716評論 0 0