仓酷云 发表于 2015-1-15 23:15:20

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

这不是理想状况。我们必须尽可能把精力放在改善这项规范,把耗费在派系相争的精力降到最低。网页制造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语音识别(现在一般用在搜索上),目前相关介绍还是挺多的。为何呢?因为很简单!

admin 发表于 2015-1-17 07:32:19

不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。

分手快乐 发表于 2015-1-20 15:45:24

滚动条)层属性--溢出(visible/hidden/scroll/auto)

灵魂腐蚀 发表于 2015-1-29 12:35:09

Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

活着的死人 发表于 2015-2-6 01:00:30

不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。

冷月葬花魂 发表于 2015-2-14 19:27:51

技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。

变相怪杰 发表于 2015-3-4 10:01:22

不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。

简单生活 发表于 2015-3-11 18:15:43

这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。

只想知道 发表于 2015-3-19 07:16:26

HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)

小魔女 发表于 2015-3-27 13:10:57

可以使用 CSS 检查工具进行设计。
页: [1]
查看完整版本: 来讲讲:XHTML5实例:HTML5的表单考证