武林網(www.vevb.com)文章簡介: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>
完整的DEMO:,請使用最新版本的Chrome+Oprea一起瀏覽,才能看到全部效果