input中屬性及作用

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屬性

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容