武林网(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一起浏览,才能看到全部效果