HTML5新增form屬性詳細(xì)講解【web前端文章】

　　在HTML5中新增了兩個(gè)form屬性，分別為autocomplete屬性和novalidate屬性，下面將對(duì)這兩種屬性做詳細(xì)講解。

　　1. autocomplete屬性

　　autocomplete屬性用于指定表單是否有自動(dòng)完成功能，所謂“自動(dòng)完成”是指將表單控件輸入的內(nèi)容記錄下來(lái)，當(dāng)再次輸入時(shí)，會(huì)將輸入的歷史記錄顯示在一個(gè)下拉列表里，以實(shí)現(xiàn)自動(dòng)完成輸入。autocomplete屬性有2個(gè)值，對(duì)它們的解釋如下：

　　● on：表單有自動(dòng)完成功能。

　　● off：表單無(wú)自動(dòng)完成功能。

　　autocomplete屬性示例代碼如下：

<form id="formBox" autocomplete="on">

　　值得一提的是，autocomplete屬性不僅可以用于<form>標(biāo)簽，還可以用于所有輸入類型<input />的標(biāo)簽。

　　2. novalidate屬性

　　novalidate屬性指定在提交表單時(shí)取消對(duì)表單進(jìn)行有效的檢查。為表單設(shè)置該屬性時(shí)，可以關(guān)閉整個(gè)表單的驗(yàn)證，這樣可以使標(biāo)簽內(nèi)的所有表單控件不被驗(yàn)證，novalidate屬性的取值為它自身，示例代碼如下：

<form action="form_action.asp" method="get" novalidate="novalidate">

　　上述示例代碼對(duì)form標(biāo)簽應(yīng)用“novalidate="novalidate"”屬性，來(lái)取消表單驗(yàn)證。



猜你喜歡：

prop()方法獲取元素固有屬性【web前端】

HTML5怎樣創(chuàng)建畫(huà)布？使用畫(huà)布方法講解

傳智教育web前端基礎(chǔ)視頻教程：HTML5+CSS3教程下載

傳智教育web前端培訓(xùn)課程