常用標(biāo)簽
input：
id
type：
text （普通文本）
checkbox （多選框）
password （密碼吩愧，placeholder提示內(nèi)容不影響value的值）
radio （單選框找默，根據(jù)name分組）
name （輸入框的名稱）
value （值狀態(tài)名稱）
file （上傳文件用）
hidden （隱藏，可以儲(chǔ)存也可以防偽）
button （相當(dāng)于button屬性）
submit （相當(dāng)于submit屬性）
reset （清空已設(shè)置屬性值）
label ：
for和對(duì)應(yīng)的input ID控制同一個(gè)輸入框的光標(biāo)
select：(下拉框)
option（不同的選項(xiàng)，標(biāo)簽中添加selected 表示默認(rèn)值）
value （后臺(tái)查看狀態(tài)名）
textarea （大文本框）
button （按鈕）
ul
li (無(wú)序列表)
ol（有序列表）
meta（）
head（頭部）
foot （尾部）
body（主體部分）
form （定義供用戶輸入的表單）
select（定義下拉選項(xiàng)列表）
option（定義下拉列表中的選項(xiàng)）
h5語(yǔ)義化新標(biāo)簽
<header></header> 頁(yè)眉 主要用于頁(yè)面的頭部的信息介紹，也可用于板塊頭部
<hgroup></hgroup> 頁(yè)面上的一個(gè)標(biāo)題組合一個(gè)標(biāo)題和一個(gè)子標(biāo)題，或者標(biāo)語(yǔ)的組合
<nav></nav> 導(dǎo)航 （包含鏈接的的一個(gè)列表）
<footer></footer>頁(yè)腳 頁(yè)面的底部 或者 版塊底部
<section> <section> 頁(yè)面上的版塊 用于劃分頁(yè)面上的不同區(qū)域,或者劃分文章里不同的節(jié)
<article></ article > 用來(lái)在頁(yè)面中表示一套結(jié)構(gòu)完整且獨(dú)立的內(nèi)容部分
可以用來(lái)呈現(xiàn)論壇的一個(gè)帖子襟己，雜志或報(bào)紙中的一篇文章引谜，一篇博客，用戶提交的評(píng)論內(nèi)容擎浴，可互動(dòng)的頁(yè)面模塊掛件等员咽。
<aside></ aside> 元素標(biāo)簽可以包含與當(dāng)前頁(yè)面或主要內(nèi)容相關(guān)的引用、側(cè)邊欄贮预、廣告贝室、nav元素組，以及其他類似的有別與主要內(nèi)容的部分
<figure> < figure > 用于對(duì)元素進(jìn)行組合萌狂。一般用于圖片或視頻
<figcaption> <figcaption> figure的子元素 用于對(duì)figure的內(nèi)容 進(jìn)行說(shuō)明
<time></time>用來(lái)表現(xiàn)時(shí)間或日期
<details></details>用于描述文檔或文檔某個(gè)部分的細(xì)節(jié) 該元素用于摘錄引用等
應(yīng)該與頁(yè)面的主要內(nèi)容區(qū)分開(kāi)的其他內(nèi)容 Open 屬性默認(rèn)展開(kāi)
< summary></summary> details 元素的標(biāo)題
<dialog></dialog>定義一段對(duì)話
<mark></mark> 需要標(biāo)記的詞或句子（高亮顯示）
<keygen>給表單添加一個(gè)公鑰
<output>定義一個(gè)計(jì)算結(jié)果
<progress><progress>定義進(jìn)度條
<progress max="10" value="7">
<span>76</span>%
</progress>
擴(kuò)展補(bǔ)充
Forms新的輸入型控件
email : 電子郵箱文本框档玻，跟普通的沒(méi)什么區(qū)別
當(dāng)輸入不是郵箱的時(shí)候怀泊，驗(yàn)證通不過(guò)
移動(dòng)端的鍵盤(pán)會(huì)有變化 tel : 電話號(hào)碼
url : 網(wǎng)頁(yè)的URL
search : 搜索引擎 chrome下輸入文字后茫藏，會(huì)多出一個(gè)關(guān)閉的X
range : 特定范圍內(nèi)的數(shù)值選擇器
min、max霹琼、step( 步數(shù) )
number : 只能包含數(shù)字的輸入框
color : 顏色選擇器
datetime : 顯示完整日期
datetime-local : 顯示完整日期务傲，不含時(shí)區(qū)
time : 顯示時(shí)間，不含時(shí)區(qū)
date : 顯示日期
week : 顯示周
month : 顯示月
新的表單特性和函數(shù)
placeholder : 輸入框提示信息枣申，占位符售葡，對(duì)于密碼類型的input，體驗(yàn)更好
<input type="password" required placeholder="請(qǐng)輸入6-18位字符" />
autocomplete : 是否保存用戶輸入值 默認(rèn)為on忠藤，關(guān)閉提示選擇off
<input type="text" name="user" autocomplete="off"/>
autofocus : 指定表單獲取輸入焦點(diǎn)
<input type="text" name="user" autocomplete="off" autofocus />
list和datalist : 為輸入框構(gòu)造一個(gè)選擇列表
list值為datalist標(biāo)簽的id
required : 此項(xiàng)必填挟伙，不能為空
<input type="password" required placeholder="請(qǐng)輸入6-18位字符" />Pattern : 正則驗(yàn)證 pattern="\d{1,5}“
Formaction 在submit里定義提交地址
表單驗(yàn)證
validity對(duì)象，通過(guò)下面的valid可以查看驗(yàn)證是否通過(guò)模孩，如果八種驗(yàn)證都通過(guò)返回true尖阔，一種驗(yàn)證失敗返回false
oText.addEventListener("invalid",fn1,false); 驗(yàn)證反饋
ev.preventDefault()
oText.validity.valueMissing : 輸入值為空時(shí)
oText.validity.typeMismatch : 控件值與預(yù)期類型不匹配
oText.validity.patternMismatch : 輸入值不滿足pattern正則
oText.validity.tooLong : 超過(guò)maxLength最大限制(MOZ ,-WEBKIT 未實(shí)現(xiàn))
oText.validity.rangeUnderflow : 驗(yàn)證的range最小值
oText.validity.rangeOverflow：驗(yàn)證的range最大值
oText.validity.stepMismatch: 驗(yàn)證range 的當(dāng)前值 是否符合min、max及step的規(guī)則
oText.validity.customError 不符合自定義驗(yàn)證
this.setCustomValidity(); 自定義驗(yàn)證
formnovalidate屬性 : 關(guān)閉驗(yàn)證
