1.新增類型 電子郵件類型,語法<input type="email"/>,input中輸入的內容必須包含“@”,並且“@”後面必須有內容 搜索類型,語法<input type="search"/>,輸入搜索關鍵字的文本框 URL類型,語法<input type="url"/>,輸入web站點的文本 ...
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及其選項不會在頁面顯示,它僅是一個合法的輸入值列表