学学习网 手机版

学学习网

学习路径: 学习首页 > web开发 > html5 >

WEB开发之HTML5表单的新功能解析

设置字体:
----------------------------------

一、HTML5表单结构更自由


XHTML中需要放在form之中的诸如inpu/button/select/textarea等标签元素,在HTML 5中完全可以放在页面任何位置,然后通过新增的form属性指向元素所属表单的ID值,即可关联起来.

 

二、HTML5表单多样的输入类型


1、email输入类型
       此类型要求输入格式正确的email地址,否则浏览器是不允许提交的,并会有一个错误信息提示.此类型在Opera中必须指定name值,否则无效果.

2、url输入类型
       上面代码展示的文本域要求输入格式正确的URL地址,Opera中会自动在开始处添加http://. 日期时间相关输入类型(这些个很牛X的)

这一系列是很酷的一个类型,完全解决了烦琐的JS日历控件问题.但目前MS只有Opera/Chrome新版本支持,且展示效果也不一样. number输入类型

这个不用多解释了,要求输入一个数字字符,若未输入则会抛出一个错误.

3、range输入类型

此类型将显示一个可拖动的滑块条,并可通过设定max/min/step值限定拖动范围.拖动时会反馈给value一个值.

4、search输入类型

 

此类型表示输入的将是一个搜索关键字,通过results=s可显示一个搜索小图标.

----------------------------------
课程列表
重点难点
赞助链接