表單類型：

- email ：能夠驗證當(dāng)前輸入的郵箱地址是否合法

- url ： 驗證 URL

- number ： 只能輸入數(shù)字，其他輸入不了，而且自帶上下增大減小箭頭，max 屬性可以設(shè)置為最大值，min 可以設(shè)置為最小值，value 為默認值。

- search ： 輸入框后面會給提供一個小叉，可以刪除輸入的內(nèi)容，更加人性化。

- range ： 可以提供給一個范圍，其中可以設(shè)置 max 和 min 以及 value，其中 value 屬性可以設(shè)置為默認值

- color ： 提供了一個顏色拾取器

- time ： 時分秒

- data ： 日期選擇年月日

- datatime ： 時間和日期(目前只有 Safari 支持)

- datatime-local ：日期時間控件

- week ：周控件

- month：月控件

表單屬性：

- placeholder ：提示信息

- autofocus ：自動獲取焦點

- autocomplete=“on” 或者 autocomplete=“off” 使用這個屬性需要有兩個前提：

? - 表單必須提交過

? - 必須有 name 屬性。

- required：要求輸入框不能為空，必須有值才能夠提交。

- pattern=" " 里面寫入想要的正則模式，例如手機號 patte="^(+86)?\d{10}$"

- multiple：可以選擇多個文件或者多個郵箱

- form=" form 表單的 ID"

表單事件：

- oninput 每當(dāng) input 里的輸入框內(nèi)容發(fā)生變化都會觸發(fā)此事件。

- oninvalid 當(dāng)驗證不通過時觸發(fā)此事件。

進度條、度量器

- progress 標簽：用來表示任務(wù)的進度（IE、Safari 不支持），max 用來表示任務(wù)的進度，value 表示已完成多少

- meter 屬性：用來顯示剩余容量或剩余庫存（IE、Safari 不支持）

- high/low：規(guī)定被視作高/低的范圍

- max/min：規(guī)定最大/小值

- value：規(guī)定當(dāng)前度量值

設(shè)置規(guī)則：min < low < high < max

DOM 查詢操作

- document.querySelector()

- document.querySelectorAll()

它們選擇的對象可以是標簽，可以是類(需要加點)，可以是 ID(需要加#)。

Web 存儲

HTML5 提供了兩種在客戶端存儲數(shù)據(jù)的新方法：

- localStorage - 沒有時間限制的數(shù)據(jù)存儲

- sessionStorage - 針對一個 session 的數(shù)據(jù)存儲

其他

- 拖放：拖放是一種常見的特性，即抓取對象以后拖到另一個位置。設(shè)置元素可拖放：

<img draggable="true" />

- 畫布（canvas ）： canvas 元素使用 JavaScript 在網(wǎng)頁上繪制圖像。畫布是一個矩形區(qū)域，可以控制其每一像素。canvas 擁有多種繪制路徑、矩形、圓形、字符以及添加圖像的方法。

<canvas id="myCanvas" width="200" height="100"></canvas>

- SVG：SVG 指可伸縮矢量圖形，用于定義用于網(wǎng)絡(luò)的基于矢量的圖形，使用 XML 格式定義圖形，圖像在放大或改變尺寸的情況下其圖形質(zhì)量不會有損失，它是萬維網(wǎng)聯(lián)盟的標準

- 地理定位：Geolocation（地理定位）用于定位用戶的位置。

總結(jié)：

（1）新增語義化標簽：nav、header、footer、aside、section、article

（2）音頻、視頻標簽：audio、video

（3）數(shù)據(jù)存儲：localStorage、sessionStorage

（4）canvas（畫布）、Geolocation（地理定位）、websocket（通信協(xié)議）

（5）input 標簽新增屬性：placeholder、autocomplete、autofocus、required

（6）history API：go、forward、back、pushstate

移除的元素有：

- 純表現(xiàn)的元素：basefont，big，center，font, s，strike，tt，u;

- 對可用性產(chǎn)生負面影響的元素：frame，frameset，noframes；