- HTML5+CSS3從入門到精通(微課精編版)
- 前端科技
- 454字
- 2021-02-03 09:30:42
3.5 新的form屬性
HTML5為form元素新增了兩個屬性:autocomplete和novalidate,下面分別進行說明。
3.5.1 autocomplete——自動完成

視頻講解
autocomplete屬性用于規定form中所有元素都擁有自動完成功能。該屬性在介紹input屬性時已經介紹過,用法與之相同。
但是當autocomplete屬性用于整個form時,所有從屬于該form的控件都具備自動完成功能。如果要關閉部分控件的自動完成功能,則需要單獨設置autocomplete="off",具體示例可參考3.3.1節autocomplete屬性的介紹。
3.5.2 novalidate——禁止驗證

視頻講解
novalidate屬性規定在提交表單時不應該驗證form或input域。適用于<form>標簽,以及text、search、url、telephone、email、password、date pickers、range和color類型的<input>標簽。
【示例1】下面示例使用novalidate屬性取消了整個表單的驗證。

【補充】
HTML5為form、input、select和textarea元素定義了一個checkValidity()方法。調用該方法,可以顯式地對表單內所有元素內容或單個元素內容進行有效性驗證。checkValidity()方法將返回布爾值,以提示是否通過驗證。
【示例2】下面示例使用checkValidity()方法,主動驗證用戶輸入的Email地址是否有效。

提示:在HTML5中,form和input元素都有一個validity屬性,該屬性返回一個ValidityState對象。該對象具有很多屬性,其中最簡單、最重要的屬性為valid屬性,它表示表單內所有元素內容是否有效或單個input元素內容是否有效。
推薦閱讀
- HTML5+CSS3+JavaScript從入門到精通:上冊(微課精編版·第2版)
- Visual C++程序設計學習筆記
- The Modern C++ Challenge
- Python for Secret Agents:Volume II
- Hadoop+Spark大數據分析實戰
- 零基礎學Java(第4版)
- Mastering Predictive Analytics with Python
- Python算法指南:程序員經典算法分析與實現
- RSpec Essentials
- Unity 2017 Mobile Game Development
- JavaScript程序設計:基礎·PHP·XML
- SQL Server on Linux
- JavaWeb從入門到精通(視頻實戰版)
- Visual Basic 開發從入門到精通
- Python量子計算實踐:基于Qiskit和IBM Quantum Experience平臺