设为首页收藏本站

LUPA开源社区

 找回密码
 注册
文章 帖子 博客

全新改进的HTML5表单创建

2011-7-24 11:21| 发布者: joejoe0332| 查看: 3568| 评论: 0|原作者: webdesignledger.com|来自: webdesignledger.com

摘要:   经历了12年之久,万维网的核心语言(HTML或超文本标记语言)终于迎来了HTML5主要修订版本。虽然万众期待的版本仍处于测试阶段并且没有宣布正式推出的日期,HTML5的网页设计师和程序员已经就有关最新功能展开了热 ...
  经历了12年之久,万维网的核心语言(HTML或超文本标记语言)终于迎来了HTML5主要修订版本。虽然万众期待的版本仍处于测试阶段并且没有宣布正式推出的日期,HTML5的网页设计师和程序员已经就有关最新功能展开了热烈讨论。

  根据W3C,HTML5新特性的目的是在改善嵌入诸如视频的多媒体支持,提供更好的用户体验和更简单的编程。虽然HTML4中已经取得了巨大成功,(甚至被认为最成功的标记格式已经发布)在互联网世界的每个人都耐心等待,浏览器更新时得到最新的HTML版本。随着时间推移,人们都很纳闷,还等什么呢?事实上HTML5已经被很多浏览器支持,比如Safari, Chrome, FireFox, Opera, 以及其他主流浏览器。即使是IE9也准备好了支持新的HTML5。 HTML5的好处是,它是向后兼容的,因而,如果你乐于更新你的网站,现在你就可以。只是有几个浏览器不完全兼容HTML5。

  升级到HTML5是相当容易的,因为它与HTML4兼容。事实上,我们没有理由摒弃HTML4的所有,因为HTML5只是一个简单的增加一堆新而酷的功能添加到HTML4核心语言。升级(如果你是这样认为)到HTML5是非常简单的。你所需要做的的是修改你的DOCTYPE。这种新的更新有助于让事情变得简单,而在HTML4中有你可以使用不同的文档类型,使得这一点更加棘手。你现在就可以更新你所有的网站,它们不会崩溃,因为所有HTML4的标签在HTML5还是100%支持的。

  HTML5的表单定义了十几个新的输入类型和特性,这些新增元素可以让程序员可以过个好日子。
 
  输入框占位符     

  我觉得这是HTML5新特性中我最爱的。所有开发人员都使用JavaScript和jQuery做输入框占位符,而在HTML5中,开发人员可以非常容易的显示一个占位符。什么是占位符?占位符就是出现在输入框的提示文本,当你点击输入栏位,它就自动消失。你可以把用户应该输入的文本样例在文本框提示出来。一个例子,如果你有一个电话号码输入框,你可以设置占位符(XXX)XXX - XXXX,点击它们时就会消失。我相信你已经看过很多。


place holder in HTML 5

  支持情况如下(本人开发过Android,是支持的——译者注)           

IE      FF     Safari     Chrome   Opera     iphone   Android

-      3.7+      4+         4+          11+       4+             -
 


酷毙
3

雷人
2

鲜花

鸡蛋

漂亮

刚表态过的朋友 (5 人)

  • 快毕业了,没工作经验,
    找份工作好难啊?
    赶紧去人才芯片公司磨练吧!!

最新评论

关于LUPA|人才芯片工程|人才招聘|LUPA认证|LUPA教育|LUPA开源社区 ( 浙B2-20090187 浙公网安备 33010602006705号   

返回顶部