在網(wǎng)頁加載完成是，光標(biāo)自動(dòng)聚焦在用戶需要輸入的地方，比如郵箱登陸頁面的輸入用戶名，之前我們需要在網(wǎng)頁onload的時(shí)候來用javascript代碼指定某個(gè)輸入框獲取焦點(diǎn)的做法，現(xiàn)在html 5直接支持在輸入框中加入autofocus屬性。

1<input type="text" id="username" name="username" autofocus />

之前我們需要用javascript的onblur、onfocus來實(shí)現(xiàn)一個(gè)輸入框的提示信息，現(xiàn)在只需要增加一個(gè)placeholder屬性。

1<input type="email" id="uemail" name="uemail" placeholder="example@domain.com" required />

判斷必填項(xiàng)

判斷數(shù)據(jù)格式

可以直接拖動(dòng)，可以設(shè)置最小值、最大值、以及每拖動(dòng)一格的步長。

1<input type="range" min="1" max="100" step="10" name="s" />

可以通過點(diǎn)擊右側(cè)的上下箭頭，直接進(jìn)行加減操作。

可以用作現(xiàn)在很流行的ajax輸入提示，也可以當(dāng)作是一個(gè)可編輯的下拉菜單。即可自行輸入，也可以直接下拉選擇。

1<input id="search" type="url" list="searchlist" required />

2<datalist id="searchlist">

3    <option value="" label="Google" />

4    <option value="" label="Yahoo" />

5    <option value="" label="Bing" />

6    <option value="" label="Baidu" />

7</datalist>