|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
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语音识别(现在一般用在搜索上),目前相关介绍还是挺多的。为何呢?因为很简单! |
|