首頁(yè)技術(shù)文章正文

HTML5新增form屬性有哪些功能?具體應(yīng)該怎樣操作?

更新時(shí)間:2021-01-04 來源:黑馬程序員 瀏覽量:

1577370495235_學(xué)IT就到黑馬程序員.gif

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

  1. autocomplete屬性

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

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

  ● off:表單無自動(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"”屬性,來取消表單驗(yàn)證。




猜你喜歡:

HTML5的瀏覽器支持概況【web前端培訓(xùn)】

Web前端開發(fā)培訓(xùn)之HTML5新手入門指南

CSS3顏色不透明度的設(shè)置方法【web前端】

黑馬程序員web前端培訓(xùn)課程 

分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!