input中屬性及作用:
? ? ? ? ?1、accept?:指示文件傳輸?shù)?MIME 類型 ,配合type="file"使用。
? ? ? ? ?2、alt:定義圖像的替代文本,配合type="image"使用。
? ? ? ? ?3、checked:規(guī)定此 input 元素首次加載時應(yīng)當被選中。(屬性值就是屬性名所以可以不寫屬性值)
? ? ? ? ?4、disabled:當 input 元素加載時禁用此元素。(屬性值就是屬性名所以可以不寫屬性值)
? ? ? ? ?5、maxlength:規(guī)定輸入字段中的字符的最大長度。
? ? ? ? ?6、name:規(guī)定input的名字。
? ? ? ? ?7、readonly:規(guī)定輸入字段為只讀。(屬性值就是屬性名所以可以不寫屬性值)
? ? ? ? ?8、size:input的寬度設(shè)置。
? ? ? ? ?9、src:提交按鈕形式顯示的圖像的 URL,配合type="image"使用。
? ? ? ? ?10、value:也就是你輸入時的內(nèi)容在這里面,同時你也可以使用這個屬性默認填寫一些東西
? ? ? ?<!--注意:以上是以前的屬性,以下是h5新增的一些屬性注意使用時的兼容性問題? -->
? ? ? ? ? 11、width?/ height:input 字段的寬度 /?高度。(適用于 type="image")。
? ? ? ? ? 12、step:規(guī)定輸入字的的合法數(shù)字間隔。(適用于 type="number",type="range")。
? ? ? ? ? 13、required:指示輸入值是必要的,所以不能為空。(屬性值就是屬性名所以可以不寫屬性值)
? ? ? ? ? 14、placeholder:提示信息。
? ? ? ? ? 15、pattern:正則表達式檢測,但是有局限性不能復(fù)雜的。(例如 pattern="[0-9]" 表示輸入值必須是 0 與 9 之間的數(shù)字。)
? ? ? ? ? 16、multiple:允許一個input可以多個內(nèi)容同時選取或者填寫(一般配合于 type="file",type=" email")
? ? ? ? ? 17、min?/ max:輸入字段的最小值 / 輸入字段的最大值。
? ? ? ? ? 18、formtarget:提交打開方式 :_balank在新窗口打開;_self在本窗口打開
? ? ? ? ? 19、formnovalidate :提交表單時按鈕不會執(zhí)行驗證過程。覆蓋表單的 novalidate 屬性。(屬性值就是屬性名所以可以不寫屬性值;novalidate是form的屬性:使用后不會驗證表單的輸入)
? ? ? ? ? 20、formmethod:覆蓋 form 元素的?method?屬性。它的值有g(shù)et和post(屬性與 type="submit" 以及 type="image" 配合使用)
? ? ? ? ? 21、formenctype:覆蓋 form 元素的?enctype?屬性,確定其編碼方式規(guī)定在發(fā)送到服務(wù)器之前應(yīng)該如何對表單數(shù)據(jù)進行編碼。三個值application/x-www-form-urlencoded在發(fā)送前編碼所有字符(默認),multipart/form-data不對字符編碼,text/plain空格轉(zhuǎn)換為 "+" 加號,但不對特殊字符編碼。
? ? ? ? ? 22、formaction:更改當前元素的提交目標地址
? ? ? ? ? 23、form:可以讓表單(form)以外的表單元素和表單關(guān)聯(lián),表單元素可以防止任意位置
? ? ? ? ? 24、autofocus:輸入字段在頁面加載時是否獲得焦點。(屬性值就是屬性名所以可以不寫屬性值)
? ? ? ? ? 25、autocomplete:?on : 有提示, 提交過的記錄默認。off : 關(guān)閉提示,元素必須具有name屬性