常用代码

HTML5的表单验证
来源:深圳网软通科技有限公司 日期:2012/3/7 12:17:58
  • 输入框自动获取焦点

    在网页加载完成是,光标自动聚焦在用户需要输入的地方,比如邮箱登陆页面的输入用户名,之前我们需要在网页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" placeholder="example@domain.com" required />
  • 强大的表单验证功能

    判断必填项

    判断数据格式

  • 有趣的input type=”range”

    可以直接拖动,可以设置最小值、最大值、以及每拖动一格的步长。

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

    可以通过点击右侧的上下箭头,直接进行加减操作。

  • 输入框下拉提示

    可以用作现在很流行的ajax输入提示,也可以当作是一个可编辑的下拉菜单。即可自行输入,也可以直接下拉选择。

     
    1 <input id="search" type="url" list="searchlist" required />
    2 <datalist id="searchlist">
    3     <option value="http://www.google.com" label="Google" />
    4     <option value="http://www.yahoo.com" label="Yahoo" />
    5     <option value="http://www.bing.com" label="Bing" />
    6     <option value="http://www.baidu.com" label="Baidu" />
    7 </datalist>

完整的DEMO:http://www.oneflash.net/demo/html5-form-demo.html,请使用最新版本的Chrome+Oprea一起浏览,才能看到全部效果

深圳网站建设,深圳网站制作深圳网站设计,深圳网络公司

上一篇 HTML5的基础写法 下一篇 没有了


友情链接
深圳市网页设计
深圳网站建设
深圳市网络公司
深圳网页设计
深圳软件开发
深圳软件公司
深圳市网站建设
深圳市软件公司
深圳网站制作
深圳网络公司
深圳市软件开发公司
深圳市网站制作
域名注册公司
深圳企业邮箱,域名注册,虚拟主机服务商
深圳企业管理软件开发公司
免费网站建设,深圳最便宜网站建设商家
版权所有 © 深圳市网软通科技有限公司 http://www.sznetsoft.com
直线:  +86-0755-83822397 +86-0755-33207200   总机:+86-0755-33207200    传真:+86-0755-81248352
地址: 深圳市福田区车公庙江西大厦(世纪豪庭)9D1-9D2 邮箱:salessznetsoft.com 粤ICP备06067962号
在线支持: