一、新增input输入类型
HTML5支持更多input输入类型,对于一些特殊类型,一些手机浏览器会改变触屏键盘来配合该输入框,如email类型会增加“@”来方便输入邮箱地址。
1.email、url、number、range
用来输入email、url等
2.日期检出器类型
用来输入日期类型的数据:date(日月年)、month(月年)、week(周和年)、time(小时分钟)、datetime(选取时间&日月年-UTC时间)、datetime-local(选取时间&日月年-本地时间)
3.search、tel、color类型
search提供输入搜索关键词的文本框,
tel提供输入电话的文本框,
color提供拾色器面板,方便用户直接选择颜色。
二、新增input属性
1、常用
autofocus、placeholder、multiple、pattern、required、min、max、step、form
2、表单重写属性
用于重写form的某些属性设定,只适用于submit和image类型:
formaction、formenctype、formmethod、formnovalidate、formtarget
3.其他
autocomplete、height、width、list等
相关推荐
自己总结的一些html5表单元素以及表单验证,希望对大家有用!!
用户注册页面的设计与实现:使用HTML5表单技术实现用户注册页面,要求用户可以输入用户名、密码、真实姓名和电子邮箱等信息进行注册。...以手机移动支付业务为例,使用HTML5表单技术实现相关业务的问卷调查页面。
html5表单增强,最新hmtl5信息石周明
HTML5表单验证,有效验证email,数字,字母,数字+字母,位数
一个HTML5表单验证效果,本表单是验证用户输入的信用卡卡号是否正确,格式是否答,可为制作HTML5表单的朋友提供一些参考。
第3章 HTML5表单及文件处理.ppt 供大家查阅!属于课件类型。
bootstrap风格的html5表单验证示例
单元一 HTML5基础知识端基础前WebHTML5表单1表单元素2表单标记访问控制3HTML5新的input类型文本域textField 密码域Password field 单选按钮radioButton 复选框 checkBox下拉列表selcet多行文本框textArea按钮button1...
html5表单动态添加工作事项代码
HTML5表单是一款HTML5登录表单验证,表单默认只对输入的长度
html5圆形进度条加载按钮是一款modernizr html5表单提交按钮圆形进度条加载动画表单验证效果。
HTML5表单及其8种验证方法 非常的简单实用
html5表单注册进度条提示效果是一款用户注册表单填写的时候,进度提示效果下载。
华丽的CSS3+HTML5表单客户端验证 文章地址:http://blog.csdn.net/hacke2/article/details/8573413
应用HTML5表单属性实现多文件上传.关键词:multiple,required,autocomplete,placeholder,autofocus.
动态的html5表单检测验证功能实例,仿Ajax风格,若有项目未填写或不符合要求,则会适时显示出文字提示,带有渐变显示效果的内容提示,本表单验证比较经典,在移动端开发中,应用已经相当普遍,更多功能请下载实例...
modernizr html5表单提交按钮圆形进度条加载动画表单 modernizr html5表单提交按钮圆形进度条加载动画表单
一款html5表单样式美化select单选框表单提交代码.zip 一款html5表单样式美化select单选框表单提交代码.zip 一款html5表单样式美化select单选框表单提交代码.zip
Tooltip验证提示HTML5表单.zip