溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要為大家展示了“html5表單新特性是什么”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“html5表單新特性是什么”這篇文章吧。
html5表單新特性有：1、新增input type類型值（email、url、number、tel、color、date等）；2、新增表單元素屬性（placeholder、autofocus、form、min、max、patter等）。
本教程操作環境：windows7系統、HTML5版、Dell G3電腦。
H5的表單新特性可以分為兩大類。
一、10個input的type值
1、email：郵件輸入域，在表單提交時提供簡單的郵箱格式驗證，并彈出一個提示窗口。
2、url：地址輸入域，在表單提交時提供簡單的URL地址格式驗證，并彈出一個提示窗口。
3、number：數字輸入域。(可設置min、max、step)
4、tel：電話號碼輸入域，在手機瀏覽器中彈出數字輸入域。
5、search：搜索輸入域，在手機瀏覽器右下角呈現搜索按鍵。
6、range：范圍選擇控件。
7、color：顏色選擇控件。
8、date/month/week：時間選擇控件。
二、11個表單元素新屬性
1、autocomplete：自動補全，是否自動記錄之前提交的數據，以用于下一次輸入建議。
2、placeholder：占位符，用于在輸入框中顯示提示性文字，與value不同，不能被提交。
3、autofocus：自動獲得輸入焦點。
4、multiple：是否允許多個輸入值，若聲明該屬性，那么輸入框中允許輸入多個用逗號隔開的值。
5、form：值為某個表單的id，若設置，則該輸入域可放在該表單外面。
6、required：在表單提交時會驗證是否有輸入，沒有則彈出提示消息。
7、maxlength：限制最大長度，只有在有輸入的情況下才有用，不區分中英文。
7.5、minlength：限制最小長度，但它不是H5標準屬性，僅部分瀏覽器支持。
8、min：限定輸入數字的最小值。
9、max：限定輸入數字的最大值。
10、step：限定輸入數字的步長，與min連用。
11、pattern：指定一個正則表達式，對輸入進行驗證。(正則默認首尾加^$)
以上是“html5表單新特性是什么”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
