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

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

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

1577370495235_學IT就到黑馬程序員.gif

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

  1. autocomplete屬性

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

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

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

  autocomplete屬性示例代碼如下:

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

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

  2. novalidate屬性

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

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

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




猜你喜歡:

HTML5的瀏覽器支持概況【web前端培訓】

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

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

黑馬程序員web前端培訓課程 

分享到:
在線咨詢 我要報名
和我們在線交談!