仓酷云

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

[HTML5] 来谈谈:HTML5实例教程:input标志工夫范例属性实例

[复制链接]
灵魂腐蚀 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 22:57:54 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
HTML5草案的前身名为WebApplications1.0,于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的HTML工作团队。破洛洛文章简介:input新增添的工夫范例使用。
明天网页教授教养网率领人人一同明白一下HTML5的新特征,标志input在HTML5中新增添的工夫范例的使用,假如在以下这几种输出框中输出的格局不准确,也是没法提交的。

注重:此品种型的input在Opera10+中效果为佳,Chrome中效果不是非常好,表面取决于扫瞄器


1、Date范例:
<form>

<inputid="poluoluo_date"name="poluoluo.com"type="date"/>

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

</form>
假如在之前,我们利用js+CSS+dom才干完成日历选择日期的效果,在HTML5中,我们只必要设置input为date范例便可,提交表单的时分也不必要我们考证数据了,它已帮我们完成了。
运转效果以下图:

2、Time范例:
<form>

<inputid="poluoluo_time"name="poluoluo.com"type="time"/>

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

</form>
此范例是一个专门用来输出工夫的文本框,在提交的时分反省是不是输出了无效的工夫。
运转效果以下图:

3、DateTime范例:
<form>

<inputid="poluoluo_datetime"name="poluoluo.com"type="datetime"/>

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

</form>
datetime范例的input元素是专门用来输出UTC日期和理论的文本框,在提交的时分,对日期和工夫举行无效的反省。

运转效果以下图:

4、DateTime-Local范例:
<form>
<inputid="poluoluo_datetime-local"name="poluoluo.com"type="datetime-local"/>
<inputtype="submit"value="提交"/>
</form>
此范例与datatime范例差未几,只不外是用来输出当地的日期和工夫。

运转效果以下图:

5、Month范例:

<form>

<inputid="poluoluo_month"name="poluoluo.com"type="month"/>

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

</form>
month是一种专门输出月份的文本框,在日历中,你只能选择某一个月,不克不及选择某一天。

运转效果以下图:

6、Week范例:

<form>

<inputid="poluoluo_week"name="poluoluo.com"type="week"/>

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

</form>
week是专门用来输出周(礼拜)的文本框,W前面所跟的数字暗示此周是昔时的第几个礼拜。在日历中只能选择一周,一样不克不及选择某一天。

运转效果以下图:

HTML5在此方面做的还算对照完美了,至于款式的界说,接待人人在此会商!
</p>
这不是理想状况。我们必须尽可能把精力放在改善这项规范,把耗费在派系相争的精力降到最低。
精灵巫婆 该用户已被删除
沙发
发表于 2015-1-17 19:54:21 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
简单生活 该用户已被删除
板凳
发表于 2015-1-23 18:42:18 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
再现理想 该用户已被删除
地板
发表于 2015-1-31 20:10:02 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
第二个灵魂 该用户已被删除
5#
发表于 2015-2-7 01:11:41 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
灵魂腐蚀 该用户已被删除
6#
 楼主| 发表于 2015-2-19 09:51:53 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
若天明 该用户已被删除
7#
发表于 2015-3-6 14:59:22 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
莫相离 该用户已被删除
8#
发表于 2015-3-13 04:00:16 | 只看该作者
可以使用 CSS 检查工具进行设计。
飘灵儿 该用户已被删除
9#
发表于 2015-3-20 12:29:53 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-23 02:53

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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