input中屬性及作用:
? ? ? ? ?1、accept?:指示文件傳輸?shù)?MIME 類型 ,配合type="file"使用皇型。
? ? ? ? ?2袋毙、alt:定義圖像的替代文本型檀,配合type="image"使用。
? ? ? ? ?3听盖、checked:規(guī)定此 input 元素首次加載時(shí)應(yīng)當(dāng)被選中胀溺。(屬性值就是屬性名所以可以不寫屬性值)
? ? ? ? ?4、disabled:當(dāng) input 元素加載時(shí)禁用此元素皆看。(屬性值就是屬性名所以可以不寫屬性值)
? ? ? ? ?5仓坞、maxlength:規(guī)定輸入字段中的字符的最大長(zhǎng)度。
? ? ? ? ?6腰吟、name:規(guī)定input的名字无埃。
? ? ? ? ?7、readonly:規(guī)定輸入字段為只讀毛雇。(屬性值就是屬性名所以可以不寫屬性值)
? ? ? ? ?8嫉称、size:input的寬度設(shè)置。
? ? ? ? ?9灵疮、src:提交按鈕形式顯示的圖像的 URL织阅,配合type="image"使用。
? ? ? ? ?10震捣、value:也就是你輸入時(shí)的內(nèi)容在這里面荔棉,同時(shí)你也可以使用這個(gè)屬性默認(rèn)填寫一些東西
? ? ? ?<!--注意:以上是以前的屬性,以下是h5新增的一些屬性注意使用時(shí)的兼容性問題? -->
? ? ? ? ? 11伍派、width?/ height:input 字段的寬度 /?高度江耀。(適用于 type="image")。
? ? ? ? ? 12诉植、step:規(guī)定輸入字的的合法數(shù)字間隔祥国。(適用于 type="number",type="range")晾腔。
? ? ? ? ? 13舌稀、required:指示輸入值是必要的,所以不能為空灼擂。(屬性值就是屬性名所以可以不寫屬性值)
? ? ? ? ? 14壁查、placeholder:提示信息。
? ? ? ? ? 15剔应、pattern:正則表達(dá)式檢測(cè)睡腿,但是有局限性不能復(fù)雜的语御。(例如 pattern="[0-9]" 表示輸入值必須是 0 與 9 之間的數(shù)字。)
? ? ? ? ? 16席怪、multiple:允許一個(gè)input可以多個(gè)內(nèi)容同時(shí)選取或者填寫(一般配合于 type="file"应闯,type=" email")
? ? ? ? ? 17、min?/ max:輸入字段的最小值 / 輸入字段的最大值挂捻。
? ? ? ? ? 18碉纺、formtarget:提交打開方式 :_balank在新窗口打開;_self在本窗口打開
? ? ? ? ? 19刻撒、formnovalidate :提交表單時(shí)按鈕不會(huì)執(zhí)行驗(yàn)證過程骨田。覆蓋表單的 novalidate 屬性。(屬性值就是屬性名所以可以不寫屬性值声怔;novalidate是form的屬性:使用后不會(huì)驗(yàn)證表單的輸入)
? ? ? ? ? 20态贤、formmethod:覆蓋 form 元素的?method?屬性。它的值有g(shù)et和post(屬性與 type="submit" 以及 type="image" 配合使用)
? ? ? ? ? 21醋火、formenctype:覆蓋 form 元素的?enctype?屬性抵卫,確定其編碼方式規(guī)定在發(fā)送到服務(wù)器之前應(yīng)該如何對(duì)表單數(shù)據(jù)進(jìn)行編碼。三個(gè)值application/x-www-form-urlencoded在發(fā)送前編碼所有字符(默認(rèn))胎撇,multipart/form-data不對(duì)字符編碼,text/plain空格轉(zhuǎn)換為 "+" 加號(hào)殖氏,但不對(duì)特殊字符編碼晚树。
? ? ? ? ? 22、formaction:更改當(dāng)前元素的提交目標(biāo)地址
? ? ? ? ? 23雅采、form:可以讓表單(form)以外的表單元素和表單關(guān)聯(lián)爵憎,表單元素可以防止任意位置
? ? ? ? ? 24、autofocus:輸入字段在頁(yè)面加載時(shí)是否獲得焦點(diǎn)婚瓜。(屬性值就是屬性名所以可以不寫屬性值)
? ? ? ? ? 25宝鼓、autocomplete:?on : 有提示, 提交過的記錄默認(rèn)巴刻。off : 關(guān)閉提示愚铡,元素必須具有name屬性