WEB前端第六課——HTML5主要更新

1.新增類型

　　電子郵件類型，語法<input type="email"/>，input中輸入的內容必須包含「@」，而且「@」後面必須有內容

　　搜索類型，語法<input type="search"/>，輸入搜索關鍵字的文本框

　　URL類型，語法<input type="url"/>，輸入web站點的文本框，要求輸入內容必須包含「http://」，且後面必須有內容

　　顏色類型，語法<input type="color"/>，預約義的顏色拾取空間，調用系統取色板

　　數字類型，語法<input type="number" min="-100" max="100" step="5"/>，定義只能輸入數字的文本框，

　　　　　　　包含3種屬性：min（規定輸入域的最小值）、max（規定輸入域的最大值）、step（規定合法的數字步長間隔，默認爲1）、value（規定輸入域的默認值）

　　範圍類型，語法<input type="range" min="0" max="100" value="50"/>，容許用戶選擇一個範圍內的值，屬性：min（下限值）、max（上限值）、step（步長）、value（初始值）

　　日期類型，語法<input type="date"/>，建立一個日期輸入域

　　周類型，語法<input type="week"/>，與日期類型類似，但只能選擇周

　　月類型，語法<input type="month"/>，與date類型類似，但只能選擇月份

2.新增屬性

　　placeholder，顯示默認提示內容，語法<input type="text" placeholder="請輸入用戶名"/>

　　multiple，支持一個域中輸入多個值，用逗號隔開，通常配合郵箱、URL使用，語法<input type="email" multiple/>

　　autofocus，自動獲取光標焦點，語法<input type="text" autofocus/>

　　required，定義輸入域不能爲空，語法<input type="text" required/>

　　minlength 和 maxlength，規定元素容許的最小字符數和最大字符數，語法<input type="password" minlength="6" maxlength="16"/>

　　min 和 max，規定元素容許的最小數字和最大數字，語法<input type="number" min="0" max="100"/>

3.新增語義化標籤

　　header，頁面頭部

　　footer，頁腳

　　article，定義頁面獨立的內容區域，可獨立於頁面其餘內容

　　aside，定義頁面側邊欄內容

　　section，定義文檔中的節

　　details，文檔某個部分的細節（內容可摺疊收起）

　　summary，是details中的標題註釋

　　figure，規定獨立的流內容

　　figcaption，是figure的標題註釋

　　mark，標記

　　nav，導航鏈接

　　meter，用來表示範圍已知且可度量的內容，對超出閥值的狀況進行提示，語法<meter min="0" max="100" value="50" low="20" high="80"></meter>

　　progress，定義運行中的進度（進程），語法<progress max="100" value="20"></progress>，value定義當前值，max定義完成值

　　datalist，定義選項列表，與input配合使用來規定input可能的值，經過input的list屬性值與datalist的id屬性值相同進行綁定，不然datalist及其選項不會在頁面顯示，它僅是一個合法的輸入值列表