用户体验设计理念与技术网站 - 探索 · 分享 · 收获     注册账号 忘记密码 QQ一键登录

用户体验设计学院|UED学院

当前位置: 首页 > 脚本技术 > html5/css3 >

HTML5之表单详解

时间:2011-04-02 23:41来源:mrthink.net 作者:Mr.Think 阅读:
时光车轮滚滚碾来,前端之路永无止歇.对于这个前端这门精一多专的技术,任何一次技术革新,我们都必须第一时间去了解它学习它,比如Web世界里这簇美艳的花朵HTML5.虽然HTML5发布之初,许多人(包括我)都觉得普及它还很遥远,但自发布以来,许多企业级网站对它的尝试

时光车轮滚滚碾来,前端之路永无止歇.对于这个前端这门精一多专的技术,任何一次技术革新,我们都必须第一时间去了解它学习它,比如Web世界里这簇美艳的花朵—HTML5.虽然HTML5发布之初,许多人(包括我)都觉得普及它还很遥远,但自发布以来,许多企业级网站对它的尝试应用(比如<!doctype html>应用,比如canvas的应用),使HTML5的迈出了一大步,随之而来IE9的发布,无疑又让我们看到了HTML5离我们不再遥远.
  学习HTML5半年有余了,虽然对它的离线存储以及canvas等革新性技术还是一知半解,但我还是希望我现在所学到的能帮助更多的前端人学习这门毋庸置疑是新趋势的技术.本文我将详细介绍一下HTML5中对表单功能的更新.

阅读本文前建议在Opera最新版中打开样例演示页查看样例演示
  一、表单结构更自由
  XHTML中需要放在form之中的诸如inpu/button/select/textarea等标签元素,在HTML5中完全可以放在页面任何位置,然后通过新增的form属性指向元素所属表单的ID值,即可关联起来.
  比如:

1 <FORM id=iform>
2 <INPUT>
3     ...
4 </FORM>
5 <INPUT value=我在id为iform的表单外 form="foo">
(责任编辑:uedtech。本文版权归作者所有,转载请注明来自UED学院,并保留原文作者与链接!)
顶一个
(0)
0%
踩一个
(0)
0%
------分隔线----------------------------
推荐内容
  • 用CSS3实现圆角效果实例

    用CSS3实现圆角效果是件很容易的事,下面看看实例讲解吧 其中,对于一些只有半边有圆...

  • CSS3属性box-shadow使用教程

    CSS3的box-shadow属性可以让我们轻松实现图层阴影效果。我们来实战详解一下这个属性。...

  • IE9关于HTML5和CSS3的测试

    无论你是否期待,也无论你支持或者反对,IE9正式版如期发布了。嗯,这一点儿比Mozilla...

  • CSS3 target伪类简介

    CSS3 target伪类 是众多实用的CSS3特性中的一个。它用来匹配文档(页面)的URI中某个标...