文章目錄
- 九、HTML5 新增
- 9.1 HTML5 新增元素
- 9.2 HTML5 新增表單元素
- 9.3 HTML5 表單新增屬性
九、HTML5 新增
9.1 HTML5 新增元素
- Header:網頁頭部
- Nav:導航
- Footer:網頁底部
- Aside：側邊，主題內容以外
------------以上標簽為 H5 提供的語意標簽，其實就是 div------------ - fieldset:可以將表單內的相關元素分組fieldset 和 legend 搭配使用，legend 用于設定分組標題
- datalist：串列標簽，該串列標簽與 input 標簽搭配使用,用于實作自動補全功能
<input type=”text” list=”itcourse”/>
<datalist id=”itcourse”>
<option>Java</option>
<option>javaScript</option>
<option>SQL</option>
</datalist>
9.2 HTML5 新增表單元素
- tel:
- email:
- url
- number
- range
- date
- search
- color
9.3 HTML5 表單新增屬性
- Autocomplete:自動補全
- Autofocus:自動獲得焦點
- Form:不同 form 域中的元素屬于同一個 form 表單，Form 標簽中必須有 id 屬性，表單元素中使用 form 屬性與之關聯
- Multiple:允許在 email 和 file 中輸入多個值
- Placeholder:文本中提示性為本
- Required:設定表單必填項
自定義提示文本:
Oninvalid:當驗證不通過時觸發該事件
Oninput:當元素內容發生改變時觸發該事件
setCustomValidity():設定默認提示資訊
根據表單元素不同，我們一般會修改該提示內容
當驗證表單內容為空時，自動執行 oninvalid 事件，該事件呼叫 setCustomValidity 函式，設定錯誤提示資訊，并將錯誤資訊在頁面中顯示;當文本框中的內容改變時自動執行 oninput 事件,該事件呼叫 setCustomValidity 函式重新設定錯誤資訊為空字串，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/275811.html
標籤：其他
上一篇：Web基礎（從入門到專案實戰）