Web世界里这簇美艳花朵---HTML 5，毋庸置疑是新趋势技术，本文我将具体介绍一下HTML 5中对表单功效更新.。
AD：
时光车轮滚滚碾来,,任何一次技术革新,我们全部必需第一时间去了解它学习它,比如Web世界里这簇美艳花朵---HTML 5公布之初,很多人(包含我)全部认为普及它还很遥远,但自公布以来,很多企业级网站对它尝试应用(比如<!doctype html>应用,比如canvas应用),使HTML 5迈出了一大步,随之而来IE9公布,无疑又让我们看到了HTML 5离我们不再遥远.
学习HTML 5半年有余了,即使对它离线存放和canvas等革新性技术还是一知半解, 5中对表单功效更新.。
一、表单结构更自由
XHTML中需要放在form之中诸如inpu/button/select/textarea等标签元素,在HTML 5中完全能够放在页面任何位置,然后经过新增form属性指向元素所属表单ID值,即可关联起来.
比如:
<form id="iform">
<input type="text">
...
</form>
<input value="我在id为iform表单外" form="foo">
二、多样输入类型(大部分新类型现在并不为全部标准浏览器支持,请参见样例演示中提醒)
email输入类型
<input type="email" name="email">
这类型要求输入格式正确email地址,不然浏览器是不许可提交,,不然无效果.
url输入类型
<input type="url">
上面代码展示文本域要求输入格式正确URL地址,Opera中会自动在开始处添加http://. 日期时间相关输入类型(这些个很牛X)
这一系列是很酷一个类型,,且展示效果也不一样. number输入类型
<input type="date">
<input type="time">
<input type="month">
<input type="week">
这个不用多解释了,要求输入一个数字字符,若未输入则会抛出一个错误.
range输入类型
<input type="number">
这类型将显示一个可拖动滑块条,并可经过设定max/min/.
search输入类型
<input type="search">
这类型表示输入将是一个搜索关键字,经过results=s可显示一个搜索小图标.
tel输入类型
<input type="tel">
这类型要求输入一个电话号码,但实际上它并没有特殊验证,和text类型没什么区分.
color输入类型
<input type="color">
这类型表单,可让用户经过颜色选择器选择一个颜色值,并反馈到value中.
前端工程师-设计开发HTML5表单新功能解析 来自淘豆网m.daumloan.com转载请标明出处.
