仓酷云

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

[HTML5] 给大家带来HTML5教程:Form表单主动考证

[复制链接]
跳转到指定楼层
楼主
发表于 2015-1-15 23:09:42 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
WHATWG致力于Web表单和应用程序,而W3C(WorldWideWebConsortium,万维网联盟)专注于XHTML2.0。在2006年,双方决定进行合作.来创建一个新版本的HTML。破洛洛文章简介:HTML5教程:Form表单主动考证.
1、required属性:
<form>

<inputid="poluoluo_required"name="poluoluo.com"requiredtype="text"/>

<inputtype="submit"value="提交"/>

</form>
required属性能够用用在年夜多半的输出元素上(除埋没元素、图片元素按钮上等)。
required属性暗示此输出框是必填项,当提交的时分,假如此输出框为空,那末将提醒用户输出后提交。


<form>
<inputid="poluoluo_required"name="poluoluo.com"requiredtype="text"/>
<inputtype="submit"value="提交"/>
</form>
2、pattern属性:
<form>

<inputid="poluoluo_pattern"name="poluoluo.com"requiredpattern="d{3}"type="text"/>

<inputtype="submit"value="提交"/>

</form>
pattern属性的值通常是正则表达式,当用户输出的内容切合必定的格局,那末才干提交,不然将提醒用户不切合请求,如上所示必需输出3位数字。
当即运转:
<form>
<inputid="poluoluo_pattern"name="poluoluo.com"requiredpattern="d{3}"type="text"/>
<inputtype="submit"value="提交"/>
</form>

3、min属性和max属性:
<form>

<inputid="poluoluo_min_max"name="poluoluo.com"requiredmin="3"max="16"type="number"/>

<inputtype="submit"value="提交"/>

</form>
min和max这两个属性是数值范例或日起范例的input元素的专有属性,他限定了input元素中输出的数值和日期局限。属性值为数字。


当即运转:
<form>
<inputid="poluoluo_min_max"name="poluoluo.com"requiredmin="3"max="16"type="number"/>
<inputtype="submit"value="提交"/>
</form>

4、step属性:
<form>

<inputid="poluoluo_step"name="poluoluo.com"requiredstep="10"min="0"max="100"type="number"/>

<inputtype="submit"value="提交"/>

</form>
step属性把持input元素的值增添或削减的步幅,比方你想让用户输出得值在0-100之间,可是必需是10的倍数时,则如上代码所示,点击下方运转看效果。


当即运转:
<form>
<inputid="poluoluo_step"name="poluoluo.com"requiredstep="10"min="0"max="100"type="number"/>
<inputtype="submit"value="提交"/>
</form>
</p>
HTML5TheMediaCaptureAPI提供了对摄像头的可编程访问,用户可以直接用getUserMedia获得摄像头提供的视频流。我们需要做的是添加一个HTML5的Video标签
乐观 该用户已被删除
沙发
发表于 2015-1-17 20:08:19 来自手机 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
小妖女 该用户已被删除
板凳
发表于 2015-1-25 10:09:23 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
admin 该用户已被删除
地板
发表于 2015-2-2 21:54:21 来自手机 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
只想知道 该用户已被删除
5#
发表于 2015-2-8 08:22:13 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
若相依 该用户已被删除
6#
发表于 2015-2-25 06:58:36 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
愤怒的大鸟 该用户已被删除
7#
发表于 2015-3-7 19:58:23 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
变相怪杰 该用户已被删除
8#
发表于 2015-3-15 14:47:28 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
再现理想 该用户已被删除
9#
发表于 2015-3-22 02:48:10 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-5-15 13:09

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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