XHTML5實例:HTML5的表單驗證

在網頁加載完成是，光標自動聚焦在用戶需要輸入的地方，比如郵箱登陸頁面的輸入用戶名，之前我們需要在網頁onload的時候來用javascript代碼指定某個輸入框獲取焦點的做法，現在html 5直接支持在輸入框中加入autofocus屬性。

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

之前我們需要用javascript的onblur、onfocus來實現一個輸入框的提示信息，現在只需要增加一個placeholder屬性。

1<input type=email id=uemail name=uemail [email protected] required />

判斷必填項

判斷數據格式

可以直接拖動，可以設置最小值、最大值、以及每拖動一格的步長。

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

可以通過點擊右側的上下箭頭，直接進行加減操作。

可以用作現在很流行的ajax輸入提示，也可以當作是一個可編輯的下拉菜單。即可自行輸入，也可以直接下拉選擇。

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>