Input

屬性

  • name:input元素的名稱,用于對提交到服務器后的表單數(shù)據(jù)進行標識僚稿,沒有給name的input的值,在提交時無法直接獲取到

  • accept:只和type=file配合使用悦荒,規(guī)定上傳的文件類型

  • alt:只和type=image配合使用茫打,設置圖片的描述

  • checked:只和type=radio,checkbox配合使用,規(guī)定默認選中

  • disabled:無法和type=hidden配合使用拜秧,禁用input元素

  • readonly:輸入字段為只讀痹屹,不能修改

  • maxlength:輸入字段的最長長度,以字符個數(shù)計算枉氮,只能和type=text,password配合

  • src:只和type=image配合志衍,圖片提交按鈕的圖片地址

  • value:input元素設定值

  • autocomplete:開啟或關閉自動完成功能暖庄,默認為on

  • autofocus:加載時自動獲得焦點

  • multiple:使用type=file,可以選擇多個值

  • pattern:驗證input

  • placeholder:提供占位符文字楼肪,在輸入為空時顯示

  • required:在提交之前必須填寫培廓,不能為空

  • form:規(guī)定非form標簽內的元素,輸入那個form表單

  • formaction:重寫表單的action屬性

  • formenctype:重寫enctype屬性

  • formmethod:重寫method屬性

  • formnovalidate:重寫novalidate屬性

  • formtarget:重寫target屬性

  • type:規(guī)定input元素的類型(圖片為chrome下的顯示)

  • button:按鈕春叫,value屬性的值為按鈕上顯示的文字医舆,類似[button標簽]

  • checkbox:多選按鈕,同一組按鈕name必須一致

  • 支持checked屬性象缀,代表默認選中

<input type="checkbox" checked />
  • file:用于文件的上傳
  • 獲取file
  • 上傳文件進度
http://blog.csdn.net/qq_36687640/article/details/78551217
  • 支持accept和multiple屬性
//accept屬性蔬将,默認上傳時選擇的為全部類型的文件
//accept中指定默認上傳的類型,用逗號分割央星,在用戶選擇上傳時可以手動修改類型上傳霞怀,不會報錯
<input type="file" accept="image/gif,image/jpeg,image/jpg" />
//multiple屬性,默認上傳時只能選擇一個文件莉给,添加后可以選擇多個文件一起上傳
<input type="file" multiple />
  • hidden:隱藏不可見毙石,但是數(shù)據(jù)仍然可以被提交
  • image:圖片型提交按鈕
  • src屬性:圖片地址
  • alt:圖片描述,默認為提交
  • width颓遏,height:圖片寬高
  • password:密碼框徐矩,和text外觀一樣,但是輸入的內容不可見
  • radio:單選按鈕叁幢,同一組按鈕name必須一致
  • 支持checked屬性滤灯,默認選中,同一組按鈕曼玩,都設置checked鳞骤,最后一個被選中
<input type="radio" checked/>
  • reset:創(chuàng)建重置表單的按鈕,value默認為重置
  • submit:提交表單的按鈕黍判,value默認為提交豫尽,如果有submit則回車時會自動提交,如果是button就不會
  • text:單行輸入字段顷帖,可以輸入文本
  • color:創(chuàng)建調色板
  • date:選取日美旧,月,年
  • datetime:樣式和text一樣
  • value格式:YYYY-MM-DDThh:mm:ss:sZ(Z:時區(qū))
  • datetime-local:選取年贬墩、月榴嗅、日、時震糖、分
  • value格式:YYYY-MM-DDThh:mm:ss:s(.1秒)
  • email:樣式和text一樣录肯,會自動漸染email域的值,手機端會喚出英文鍵盤
  • month:選取年吊说、月
  • value格式:YYYY-MM
  • number:數(shù)字论咏,手機端會喚出數(shù)字鍵盤
  • 下面屬性只對點擊右側按鈕改變數(shù)字時有效,直接在輸入框可以輸入任何數(shù)字
  • max:允許的最大值
  • min:允許的最小值
  • step:每次點擊時增加的數(shù)字
  • value:默認值
  • range:一定范圍內的數(shù)字
  • max:允許的最大值颁井,默認為100
  • min:允許的最小值厅贪,默認為0
  • step:每次移動的間隔
  • value:默認值
  • search:搜索框,輸入后比text多一個x雅宾,點擊后會刪除所有輸入的內容
  • tel:電腦端和text樣式一樣养涮,在手機端會喚出數(shù)字鍵盤
  • time:選取時、分
  • value格式:hh:mm:ss.s
  • url:樣式和text一樣眉抬,會自動驗證url的值
  • week:選取年贯吓、今年第幾周
  • value格式:YYYY-W(周數(shù),從1到52)
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末蜀变,一起剝皮案震驚了整個濱河市悄谐,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌库北,老刑警劉巖爬舰,帶你破解...
    沈念sama閱讀 221,635評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異寒瓦,居然都是意外死亡情屹,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,543評論 3 399
  • 文/潘曉璐 我一進店門杂腰,熙熙樓的掌柜王于貴愁眉苦臉地迎上來垃你,“玉大人,你說我怎么就攤上這事喂很±猓” “怎么了?”我有些...
    開封第一講書人閱讀 168,083評論 0 360
  • 文/不壞的土叔 我叫張陵恤筛,是天一觀的道長官还。 經(jīng)常有香客問我,道長毒坛,這世上最難降的妖魔是什么望伦? 我笑而不...
    開封第一講書人閱讀 59,640評論 1 296
  • 正文 為了忘掉前任,我火速辦了婚禮煎殷,結果婚禮上屯伞,老公的妹妹穿的比我還像新娘。我一直安慰自己豪直,他們只是感情好劣摇,可當我...
    茶點故事閱讀 68,640評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著弓乙,像睡著了一般末融。 火紅的嫁衣襯著肌膚如雪钧惧。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,262評論 1 308
  • 那天勾习,我揣著相機與錄音浓瞪,去河邊找鬼。 笑死巧婶,一個胖子當著我的面吹牛乾颁,可吹牛的內容都是我干的。 我是一名探鬼主播艺栈,決...
    沈念sama閱讀 40,833評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼英岭,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了湿右?” 一聲冷哼從身側響起诅妹,我...
    開封第一講書人閱讀 39,736評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎诅需,沒想到半個月后漾唉,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,280評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡堰塌,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,369評論 3 340
  • 正文 我和宋清朗相戀三年赵刑,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片场刑。...
    茶點故事閱讀 40,503評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡般此,死狀恐怖,靈堂內的尸體忽然破棺而出牵现,到底是詐尸還是另有隱情铐懊,我是刑警寧澤,帶...
    沈念sama閱讀 36,185評論 5 350
  • 正文 年R本政府宣布瞎疼,位于F島的核電站科乎,受9級特大地震影響,放射性物質發(fā)生泄漏贼急。R本人自食惡果不足惜茅茂,卻給世界環(huán)境...
    茶點故事閱讀 41,870評論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望太抓。 院中可真熱鬧空闲,春花似錦、人聲如沸走敌。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,340評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至跌榔,卻和暖如春异雁,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背矫户。 一陣腳步聲響...
    開封第一講書人閱讀 33,460評論 1 272
  • 我被黑心中介騙來泰國打工片迅, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留残邀,地道東北人皆辽。 一個月前我還...
    沈念sama閱讀 48,909評論 3 376
  • 正文 我出身青樓,卻偏偏與公主長得像芥挣,于是被迫代替她去往敵國和親驱闷。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,512評論 2 359

推薦閱讀更多精彩內容

  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理空免,服務發(fā)現(xiàn)空另,斷路器,智...
    卡卡羅2017閱讀 134,699評論 18 139
  • 關鍵字:form表單作用;常用input標簽;post 和 get 區(qū)別;radio分組;placeholder作...
    好奇而已閱讀 1,481評論 0 0
  • <input>標簽 標簽用于搜集用戶信息蹋砚,根據(jù)不同的type屬性值扼菠,輸入字段擁有很多種形式。輸入字段可以是文本字段...
    _空空閱讀 4,027評論 0 3
  • 相 遇 從拾捌那里得知了“幸福進化俱樂部”秧饮,進了武漢的微信群,這是第一次見面泽篮,還隔著一層紗盗尸。關注半年多的時間,拜讀...
    牙牙囈語閱讀 364評論 0 0
  • 今早我在朋友圈看到你發(fā)的的動態(tài)帽撑,是說宿舍樓上很吵泼各,但是過了一會兒你就刪除了,不知道是不是不想給我看亏拉。因為我之前買過...
    fly_9cb0閱讀 175評論 0 0