realazy


Web Forms 2.0

Web Forms 2.0 是一个很有意思的东东,是 HTML 5 的组成部分。它的目标是提升表单的使用性 (usability),基本上就是为 input 元素的 type 属性增加一些值,如 type="email";还有一些新属性,如 required。根据 type 由浏览器实现各种功能。比如,<input type="email" required="required" />,从字面上即可看出,这是一个必须填写,且格式是电子邮件的输入框。如果你用的是 Opera 9+, 猛击这个例子看看效果。

注意,这不需要任何 JavaScript,是浏览器内部实现的功能。很遗憾的是到目前为止只有 Opera 9+ 有部分实现,作为前端开发者,每天都在为表单验证、自动完成等提升表单用户体验的事情上拼了老命,重复发明轮子。好消息是,基本上这些都可以通过 JavaScript 来模拟实现,项目当然有人在做了:webforms2,不妨下载一试。

12 Responses to “Web Forms 2.0”

  1. 沈蚊 Says:

    终于更新了~~占沙发。

    ps.标准是个很麻烦的东东,大家都喜欢习惯的。

  2. fireyy Says:

    safari也就一个slider能用

  3. yanglei Says:

    最爽的事情就是等着浏览器都兼容掉他

  4. smoke520 Says:

    等待统一的那一天吧。

  5. liuxingyuyuni Says:

    好消息 ^_^

  6. old9 Says:

    不知道这个东东的样式可定制性要怎么处理了,目前看opera9.5的那些,感觉长得比较不讨喜啊(默认主题),呃…
    现在的form(1.0?),定制起来就够头疼的了……

  7. 我de艾蜜莉 Says:

    webforms2的部分功能在我的ie8下内存泄露,用不了

  8. lloydsun Says:

    话说Refactoring HTML中文版啥时候出版啊

  9. 锐风 Says:

    恰好我在用 Opera 9.5.

  10. hax Says:

    wf2很久以前就开始了,开发者包括偶的偶像Dean Edwards等牛。。。

  11. cosbeta Says:

    我是用jquery来实现同样的效果的,http://www.storyday.com/html/y2008/1602_jquery-a-share-based-on-the-forms-authentication-function.html

  12. Mac Says:

    这种验证有一个问题,就是输入控件可以通过本地脚本来改变
    在地址栏里面输入一段javascript:就是了……
    所以服务器端还是要准备验证一次……

Leave a Reply


realazy (懒到死) is proudly powered by WordPress | Entries (RSS) and Comments (RSS)