第一部分INPUT新型別，新增了以下型別：

1.email型別 - 判斷字串中是否包含"@"符號，注意的是不能以"@"開始、不能以"@"結束

2.搜尋型別 - search

3.URL型別 - 判斷字串中是否包含"http:"，注意的是以"http:"開始,驗證通過，以"http:"結束,驗證通過

4.電話號碼型別 - tel，注意的是隻有在手機端瀏覽器訪問時有效果

5.數字型別 - number，需要注意的是允許輸入非數字內容,但是不允許提交，在設定min和max時，允許輸入範圍外的值,不允許提交；這個型別有一些屬性： min - 設定數字的最小值；max - 設定數字的最大值；step - 設定步長,每次增加或減小的量值

6.範圍型別 - range，效果就是滑動條，屬性：min - 最小值、max - 最大值、step - 步長、value - 當前值

7.顏色型別 - color

8.日期型別 - date，日期格式 - yyyy/MM/dd

9周、月份型別 （實際很少使用）

10周 - week（實際很少使用）

11月份 - month（實際很少使用）

第二部分是表單新元素

1.<datalist>元素，用法：需要配合input元素使用，在input元素中定義list屬性(值為datalist元素的id值)，好處就是資料與結構的分離

2.<progress>元素，就是實現一個進度條，屬性有：max - 設定進度條的最大值、value - 設定進度條當前的值

3. <meter>元素，用法和<progress>元素類似，作用 - 刻度，屬性包括：min和max - 設定最小值和最大值、 value - 表示當前值，high和low - 設定預警值（舉個常見的例子，當你手機的電量小於10%時候，一般會顯示紅色的一小段進度）

4.<output>元素，和<input> 輸入框正好相反，<output>是輸出框，屬性：for指定要輸出的元素進行關聯（實際開發中,很少使用）

第三部分是表單新屬性

1.placeholder屬性：就是實現input輸入框的預設提示資訊，相比value屬性值更好用。這個在實際開發過程中非常常見

2.autofocus屬性：就是自動獲取焦點、用法有點不同，它不是key=vlaue的形式，而是直接只定義屬性名(沒有屬性值)

3.multiple屬性：就是允許輸入框輸入多個值，用法和autofocus一樣只定義屬性名(沒有屬性值)

4.form屬性（實際開發中用到不多）：就是表單元素定義在表單之外，用法 - 值是相關表單的id屬性值

第四部分是表單新驗證(這是一個難點，也是重點)

1.驗證屬性：

required屬性即：驗證是否為空？返回false,表示當前元素值為空， 返回true,表示當前元素值不為空

pattern屬性即：驗證正則表示式，定義正則表示式時,不能新增"//"， 正則表示式不能驗證是否為空

min和max屬性即：驗證最小值和最大值 ，只和number型別的input元素配置使用

minlength和maxlength屬性即：驗證最小長度和最大長度，minlength - 驗證最小長度，maxlength - 限制最大長度（輸入內容的長度不能大於maxlength的值）

validity屬性即：HTML5提供表單驗證的介面，通過該屬性得到validityState物件，該物件提供一系列的有效狀態， 有效狀態可用於表單驗證，得到validatyState物件，elem.validaty - 得到該物件

2.有效狀態

valid - 返回Boolean,表示驗證是否通過，true - 表示驗證通過， false - 表示驗證失敗，

valueMissing - 表示值是否為空，返回值true - 表示元素值為空(錯誤)、false - 表示元素值不為空(正確) 注意該狀態配合required屬性使用

typeMismatch - 表示元素型別是否匹配，返回值true - 表示元素型別不匹配、false - 表示元素型別匹配、 該狀態配合email、url、number等使用

patternMismatch - 表示正則表示式是否匹配、返回值true - 表示正則表示式不匹配、false - 表示正則表示式匹配，該狀態配合pattern屬性使用

tooLong - 表示元素內容長度是否過長，返回值true - 表示元素內容長度過長，false - 表示元素內容長度不長，該狀態配合maxlength屬性使用

maxlength屬性 - 限制屬性，tooLong可能不會出現(完整性)

rangeUnderflow - 表示元素值是否小於min值，返回值true - 表示元素值小於min的值，false - 表示元素值不小於min的值 該狀態配合min屬性使用

stepMismatch - 表示元素值與step值是否不符，返回值true - 表示元素值與step值不符，false - 表示元素值與step值相符 該狀態配合step屬性使用

customError - 自定義錯誤，配合setCustomValidity()方法使用，作用就是替換之前的判斷表示式，自定義錯誤提示資訊setCustomValidity(自定義錯誤資訊)，一旦呼叫該方法,預設認為就是錯的，上述所有的有效狀態返回錯誤值 驗證正確時,呼叫該方法,將錯誤資訊置為空