1 / 4
文档名称:

前端工程师-设计开发HTML5表单新功能解析.docx

格式:docx   大小:15KB   页数:4页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

前端工程师-设计开发HTML5表单新功能解析.docx

上传人:业精于勤 2021/12/3 文件大小:15 KB

下载得到文件列表

前端工程师-设计开发HTML5表单新功能解析.docx

相关文档

文档介绍

文档介绍: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中.