官术网_书友最值得收藏!

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元素內容是否有效。

主站蜘蛛池模板: 宁海县| 珲春市| 株洲县| 甘泉县| 凌云县| 乌鲁木齐县| 康乐县| 恩平市| 康定县| 合作市| 南岸区| 金沙县| 乳山市| 广饶县| 兰溪市| 贵港市| 高安市| 龙南县| 苍山县| 阳曲县| 定日县| 大城县| 苏尼特左旗| 辽中县| 家居| 兰溪市| 沽源县| 夏河县| 商河县| 涟水县| 克山县| 科技| 揭西县| 高邮市| 观塘区| 福鼎市| 大厂| 聂荣县| 乌审旗| 苍梧县| 清原|