HTML 5 中对表
Web世界里这簇美艳的花朵---HTML 5 ,毋庸置疑是新趋势的技术，本文我将详细介绍一下 单功能的更新 . 。
AD：
时光车轮滚滚碾来 , 前端之路永无止歇 . 对于这个前端这门精一多专的技术 , 任何一次技术革新 , 我们都必须第一时间去了解它学
习它，比如Web世界里这簇美艳的花朵---HTML 5发布之初，许多人（包括我）都觉得普及它还很遥远，但自发布以来，
许多企业级网站对它的尝试应用 （ 比如 <!doctype html> 应用 , 比如 canvas 的应用 ）, 使 HTML 5的迈出了一大步 , 随之而来 IE9 的
发布 , 无疑又让我们看到了 HTML 5离我们不再遥远 .
学习 HTML 5半年有余了 , 虽然对它的离线存储以及 canvas 等革新性技术还是一知半解 , 但我还是希望我现在所学到的能帮助更
多的前端人学习这门毋庸置疑是新趋势的技术 . 本文我将详细介绍一下 HTML 5中对表单功能的更新 . 。
一、表单结构更自由
XHTM中需要放在form之中的诸如inpu/button/select/textarea 等标签元素，在HTM15中完全可以放在页面任何位置，然后通
过新增的 form 属性指向元素所属表单的 ID 值 , 即可关联起来 .
比如 :
<form id ="iform" >
<input type ="text" >
...
</form>
<input value =" 我在 id 为 iform 的表单外 " form = "foo" >
二、多样的输入类型 （ 大部分新类型目前并不为所有标准浏览器支持 , 请参见样例演示中的提示 ）
email 输入类型
1. <input type ="email" name ="email" >
此类型要求输入格式正确的 email 地址 , 否则浏览器是不允许提交的 , 并会有一个错误信息提示 . 此类型在 Opera 中必须指定 name
值 , 否则无效果 .
url 输入类型
1. <input type ="url" >
上面代码展示的文本域要求输入格式正确的 URLM址,Opera中会自动在开始处添加http://. 日期时间相关输入类型（这些个很
牛X的）
这一系列是很酉I的一个类型，，且展示效果也不一
样 . number 输入类型
1.
<input
type ="date" >
2.
<input
type ="time" >
3.
<input
type ="month" >
4.
<input
type ="week" >
这个不用多解释了 , 要求输入一个数字字符 , 若未输入则会抛出一个错误 .
range 输入类型
1. <input type ="number" >
此类型将显示一个可拖动的滑块条 , 并可通过设定 max/min/step 值限定拖动范围 . 拖动时会反馈给 value 一个值 .
search 输入类型
1. <input type ="search" >
此类型表示输入的将是
前端工程师设计开发HTML表单新功能解析 来自淘豆网m.daumloan.com转载请标明出处.
