首頁技術(shù)文章正文

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

更新時間:2021年01月04日16時01分來源:傳智教育瀏覽次數(shù):

好口碑IT培訓(xùn)

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

　　1. autocomplete屬性

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

　　● on：表單有自動完成功能。

　　● off：表單無自動完成功能。

　　autocomplete屬性示例代碼如下：

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

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

　　2. novalidate屬性

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

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

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

猜你喜歡：

最新資訊