建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
這篇文章主要為大家展示了“html5表單新特性是什么”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“html5表單新特性是什么”這篇文章吧。
涉縣網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、APP開(kāi)發(fā)、響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項(xiàng)目制作，到程序開(kāi)發(fā)，運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)于2013年成立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來(lái)保證我們的工作的順利進(jìn)行。專(zhuān)注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。
html5表單新特性有：1、新增input type類(lèi)型值（email、url、number、tel、color、date等）；2、新增表單元素屬性（placeholder、autofocus、form、min、max、patter等）。
本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。
H5的表單新特性可以分為兩大類(lèi)。
一、10個(gè)input的type值
1、email：郵件輸入域，在表單提交時(shí)提供簡(jiǎn)單的郵箱格式驗(yàn)證，并彈出一個(gè)提示窗口。
2、url：地址輸入域，在表單提交時(shí)提供簡(jiǎn)單的URL地址格式驗(yàn)證，并彈出一個(gè)提示窗口。
3、number：數(shù)字輸入域。(可設(shè)置min、max、step)
4、tel：電話號(hào)碼輸入域，在手機(jī)瀏覽器中彈出數(shù)字輸入域。
5、search：搜索輸入域，在手機(jī)瀏覽器右下角呈現(xiàn)搜索按鍵。
6、range：范圍選擇控件。
7、color：顏色選擇控件。
8、date/month/week：時(shí)間選擇控件。
二、11個(gè)表單元素新屬性
1、autocomplete：自動(dòng)補(bǔ)全，是否自動(dòng)記錄之前提交的數(shù)據(jù)，以用于下一次輸入建議。
2、placeholder：占位符，用于在輸入框中顯示提示性文字，與value不同，不能被提交。
3、autofocus：自動(dòng)獲得輸入焦點(diǎn)。
4、multiple：是否允許多個(gè)輸入值，若聲明該屬性，那么輸入框中允許輸入多個(gè)用逗號(hào)隔開(kāi)的值。
5、form：值為某個(gè)表單的id，若設(shè)置，則該輸入域可放在該表單外面。
6、required：在表單提交時(shí)會(huì)驗(yàn)證是否有輸入，沒(méi)有則彈出提示消息。
7、maxlength：限制最大長(zhǎng)度，只有在有輸入的情況下才有用，不區(qū)分中英文。
7.5、minlength：限制最小長(zhǎng)度，但它不是H5標(biāo)準(zhǔn)屬性，僅部分瀏覽器支持。
8、min：限定輸入數(shù)字的最小值。
9、max：限定輸入數(shù)字的最大值。
10、step：限定輸入數(shù)字的步長(zhǎng)，與min連用。
11、pattern：指定一個(gè)正則表達(dá)式，對(duì)輸入進(jìn)行驗(yàn)證。(正則默認(rèn)首尾加^$)
以上是“html5表單新特性是什么”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
分享名稱(chēng)：html5表單新特性是什么
鏈接地址：http://fisionsoft.com.cn/article/gecopj.html
