仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1666|回复: 9
打印 上一主题 下一主题

[HTML5] 来讲讲:XHTML5实例:HTML5的表单考证

[复制链接]
跳转到指定楼层
楼主
发表于 2015-1-15 23:15:20 | 显示全部楼层 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
这不是理想状况。我们必须尽可能把精力放在改善这项规范,把耗费在派系相争的精力降到最低。网页制造poluoluo文章简介:XHTML5实例:HTML5的表单考证.

  • 输出框主动猎取核心

    在网页加载完成是,光标主动聚焦在用户必要输出的中央,好比邮箱上岸页面的输出用户名,之前我们必要在网页onload的时分来用javascript代码指定某个输出框猎取核心的做法,如今html5间接撑持在输出框中到场autofocus属性。
    1<inputtype="text"id="username"name="username"autofocus/>
  • 文本框的输出提醒


    之前我们必要用javascript的onblur、onfocus来完成一个输出框的提醒信息,如今只必要增添一个placeholder属性。
    1<inputtype="email"id="uemail"name="uemail"placeholder="example@domain.com"required/>
  • 壮大的表单考证功效


    判别必填项

    判别数据格局

  • 风趣的inputtype=”range”


    能够间接拖动,能够设置最小值、最年夜值、和每拖动一格的步长。
    1<inputtype="range"min="1"max="100"step="10"name="s"/>
  • inputtype=”number”


    能够经由过程点击右边的高低箭头,间接举行加减操纵。

  • 输出框下拉提醒


    能够用作如今很盛行的ajax输出提醒,也能够看成是一个可编纂的下拉菜单。便可自行输出,也能够间接下拉选择。
    1<inputid="search"type="url"list="searchlist"required/>2<datalistid="searchlist">3<optionvalue="http://www.google.com"label="Google"/>4<optionvalue="http://www.yahoo.com"label="Yahoo"/>5<optionvalue="http://www.bing.com"label="Bing"/>6<optionvalue="http://www.baidu.com"label="Baidu"/>7</datalist>
完全的DEMO:http://www.oneFlash.net/demo/html5-form-demo.html,请利用最新版本的Chrome+Oprea一同扫瞄,才干看到全体效果
</p>
HTML5语音识别(现在一般用在搜索上),目前相关介绍还是挺多的。为何呢?因为很简单!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-4 14:30

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表