1 placeholder 文本站位

??當用戶還沒有輸入值時，輸入型控件可能通過placeholder向用戶顯示描述性說明文字或者提示信息，
這在目前網站中很常見，一些JS框架都會提供類似功能，簡單的說下在舊版本中常用的解決方案，為輸入控件創建一個label，然后通過CSS控制些label的位置使之覆蓋在輸入控件上面，當label獲得焦點時，瀏覽器會把焦點指向輸入控件。
有了placeholder，新的瀏覽器就內置了這一功能，其特性值會以淺灰色樣式顯示在輸入框中，當輸入框獲得焦點并有值后，該提示信息自動消失。

??2 autocomplete 保存輸入值
?autocomplete特性能夠知曉是否應該保存輸入值以備將來使用，autocomplete應該用一保護用戶敏感數據，避免本地瀏覽器對它們進行不安全的存儲。
on：該字段無需保護，值可以被保存和恢復
off：該字段需要保護，值不可以保存
unspecified：包含 的默認設置，如果沒有被包含在表單中或沒有指定值，則行為表現為on

??3 autofocus??自動獲取焦點
??頁面載入時，我們通過autofocus指定某個表單元素獲得焦點，但每個頁面只允許出現一個autofocus，如果設置多個則相當于未指定些行為。
一個頁面只能有一個控件具有該屬性
從實用角度來說，不要隨便濫用該屬性。
只有當一個頁面是以使用某個控件為主要目的時，才對該控件使用autofocus屬性。
autofocus 屬性適用于所有??標簽的類型。
??4 list特性和datalist??選值列表
??通過使用list，開發人員能夠為某個輸入型控件構造一個選值列表，其使用方法
??5 required??不能為空
??required 屬性規定必須在提交之前填寫輸入域（不能為空）。它是表單驗證最簡單的一種方式方法
??6 pattern??驗證正則
??pattern 屬性規定用于驗證 input 域的模式（pattern），模式（pattern） 是正則表達式。那些type為email或url的輸入控件內置相關正則表達式，如果value不符合其正則表達式，那表單將通不過驗證，無法提交

轉載于:https://www.cnblogs.com/yy-5616/p/5062528.html

總結

以上是生活随笔為你收集整理的表单新特性的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。