HTML新增了如下例显示的新表单,具体可参考http://www.w3school.com.cn/html5/att_input_type.asp
<form action="accountController.do" id="account" autocomplete="on" method="post">
Account: <input type="text" name="username" required="required" placeholder="input username!" pattern="[0-9a-zA-Z]{4,9}"/><br>
Password: <input type="password" name="password" placeholder="input account!"/><br>
Email: <input type="email" name="email" autofocus="autofocus" autocomplete="on"/><br>
URL: <input type="url" name="url" /><br>
Birthday: <input type="date" name="birthday" /><br>
Color: <input type="color" name=phone /> <br>
Age: <input type="range" min="18" max="60" step="1"><br>
Attach: <input type="file" multiple="multiple" accept="image/*,.xml,audio/*,video/*" name="fileDemo" id="fileDemo" /><br>
Phone: <input type=tel name=tel ><br>
Search: <input type=search name=search ><br>
Hobby: <input type="text" list="ilist" autocomplete="on">
<datalist id=ilist>
<option value=bskb label="basketball">
<option value=ftb label=football>
</datalist><br>
</form>
<input type="submit" value="submit" form="account"><br>
<input type="reset" value=reset form="account"> <br>
Input表单新增了属性:
属性 | 描述 |
placeholder | |
require | |
pattern | 正则表达式校验 |
autofocus | 自动聚焦 |
form | 将输入表单与form的Id联系起来,可以将输入表单放在页面的任何位置 |
list | 与DATALIST一起使用,提供对选择框的自定义内容 |
autocomplete | 此属性是为表单提供自动完成功能。如果该属性为打开状态可很好地自动完成。一般来说,此属性必须启动浏览器的自动完成功能。 |
multiple | 用于文件上传控件,设置此属性后,允许上传多个文件。 |
max,min,step | 跟数字相关 |
accept | input type=file 可以接受的文件类型,用逗号隔开 |
Form表单标签新增加属性
novalidate | 规定在提交表单时不应该验证 form 或 input 域。 |
autocomplete | 规定 form 或 input 域应该拥有自动完成功能。 |
参考文档:
http://www.w3.org/TR/html5/forms.html
分享到:
相关推荐
HTML5中form表单的新增属性.ppt
该文件集齐的HTML5的新增属性和新增表单元素,文档中含有响应的代码演示。
HTML5表单中新增的input属性2.pdf 学习资料 复习资料 教学资源
HTML5表单中新增的input属性1.pdf 学习资料 复习资料 教学资源
HTML5表单中新增的input属性3.pdf 学习资料 复习资料 教学资源
1. 表单内元素的form属性 在H5中可以把form放到页面的任何地方,然后为该元素指定一个form属性,属性值为该表单的id,这样就可以声明该元素从属于指定表单了 <form id=testform> <input type=text> <...
HTML5表单中新增的input属性1案例.pdf 学习资料 复习资料 教学资源
HTML5表单中新增的input属性2案例.pdf 学习资料 复习资料 教学资源
主要为大家介绍了HTML5新增的表单元素和属性,具有一定的参考价值!需要的朋友可以参考下
html 5 新增语义化标签、智能表单 css 渐变、弹性盒相关知识总结 css 3D css 的一些其他属性
第二个知识点:H5新增的表单控件和属性以及总结 第一个知识点: 我们常见的表单验证有哪些呢 text 文本框标签 password 密码框 checkbox 多选框 radio 单选框 button 按钮 submit 提交按钮 以上是...
HTML5中,在新增加和废除很多元素的同时,也增加和废除了很多属性。 新增的属性 1、表单相关的属性 对input(type=text)、select、textarea与button指定autofocus属性。它以指定属性的方式让元素在画面打开时自动...
3.2 HTML 5新增的表单属性 83 3.3 HTML 5新增的表单元素 90 3.4 HTML 5新增的客户端校验 96 3.5 本章小结 100 第4章 HTML 5的绘图支持 101 4.1 使用canvas元素 102 4.2 绘图 103 4.3 坐标变换 118 4.4 控制...
H5C3新增的常用标签 音频 视频标签 新增的表单类型 新增的选择器 属性选择器 伪类选择器 微元素选择器
《疯狂html 5/css 3/javascript讲义》是一本全面介绍html 5、css 3和javascript前端开发技术的图书,系统地介绍了html 5常用的元素和属性、html 5的表单元素和属性、html 5的绘图支持、html 5的多媒体支持、css 3的...
《疯狂HTML 5/CSS3/JavaScript讲义》是一本全面介绍HTML 5、CSS3和JavaScript前端开发技术的图书,系统地介绍了HTML 5常用的元素和属性、HTML 5的表单元素和属性、HTML5的绘图支持、HTML 5的多媒体支持、CSS3的功能...