HTML 5之表单新功能解析
需积分: 11 55 浏览量
2011-11-23
13:56:12
上传
评论
收藏 35KB DOC 举报
HTML5 中国：hp://www.html5cn.org
HTML 5 之表单新功能解析
时光车轮滚滚碾来前端之路永无止歇对于这个前端这门精一多专的技术任何一次技术革
新我们都必须第一时间去了解它学习它比如 世界里这簇美艳的花朵虽然
发布之初许多人包括我都觉得普及它还很遥远但自发布以来许多企业级网站对
它的尝试应用比如应用比如 的应用使 的迈出了一大步随
之而来 ! 的发布无疑又让我们看到了 离我们不再遥远
"#$ 推荐专题：下一代 开发标准详解
学习 半年有余了虽然对它的离线存储以及 等革新性技术还是一知半解但我
还是希望我现在所学到的能帮助更多的前端人学习这门毋庸置疑是新趋势的技术 本文我将
详细介绍一下 中对表单功能的更新。
一、表单结构更自由
% 中需要放在 &' 之中的诸如 ()*)+**,' 等标签元素在 中完
全可以放在页面任何位置然后通过新增的 &' 属性指向元素所属表单的 - 值即可关联起
来
比如.
&'(/0(&'0()/0,0*&'())/0我在 ( 为 (&' 的表单外0
&'/0&0二、多样的输入类型大部分新类型目前并不为所有标准浏览器支持 请参见样
例演示中的提示
( 输入类型
()/0(0/0(0此类型要求输入格式正确的 ( 地址否则浏览器是不
允许提交的并会有一个错误信息提示此类型在 $' 中必须指定 值否则无效果
)' 输入类型
()/0)'0上面代码展示的文本域要求输入格式正确的 12 地址$' 中会自动在
开始处添加 +.**日期时间相关输入类型这些个很牛 % 的
这一系列是很酷的一个类型完全解决了烦琐的 34 日历控件问题但目前 4 只有 $'*#'
新版本支持且展示效果也不一样)' 输入类型
()/00()/050()/00()/0670这个不用
多解释了要求输入一个数字字符若未输入则会抛出一个错误
'8 输入类型
资源评论
