html5新增表单元素
1.验证
<form>
<input type="email"></input> 验证邮箱
<input type="url"></input> 验证网址
<input type="tel"></input> 验证电话
<input type="number" min="1" max="10" step=“1”></input> 验证数字
<input type="range" min="1" max="10"></input> 设置进度条
<input type="color"></input> 调出颜色面板
<input type="date"></input> 年月日
<input type="month"></input> 年月
<input type="week"></input> 选择第几周
<input type="submit"></input>
</form>
2.autocompelate设置自动匹配
<form autocompelate="on">
<input type="text" list="taglist"></input>
<datalist id="taglist">
<option>wuhan</option>
<option>beijing</option>
<option>guangzhou</option>
<option>guangxi</option>
</datalist>
</form>
3.自动获取焦点
<input type="text" autofocus="autofocus"></input>
4.提交页面(如何在form外面进行提交表单元素)
<form action="index.aspx" method="post" id="from1">
<input type="text" name="username"></input>
<input type="submit"></input>
</form>
<input type="password" form="from1"></input>
5.设置表单提交的时候,密码提交到另外页面当中
<form action="index.aspx" method="post" id="from1">
<input type="text" name="username"></input>
<input type="password" name="pwd" formaction="index1.aspx" ></input>
<input type="submit"></input>
</form>
6.上传控件
<input type="file" multiple="multiple"></input> 上传控件
7.验证文本
<form>
<input type="text" pattern="{0-9}{6}" title="请输入邮编"></input>
<input type="submit" ></input>
</form>
8.
<input type="text" placeholder="请输入用户名"></input> 提示输入内容
<input type="text" required="required"></input> 输入内容不能为空
9.可以编辑段落数据
<p contenteditable="true">sddddd</p>
10.隐藏段落信息
<p hidden="hidden">sddsdsds</p>
11.设置tab的顺序
<a href="#" tabindex="2">dsdsdsds</a>
<a href="#" tabindex="1">dsdsdsds</a>
<a href="#" tabindex="3">dsdsdsds</a>
<a href="#" tabindex="4">dsdsdsds</a>
html5新增表单元素的更多相关文章
- 疯狂的表单-html5新增表单元素和属性
疯狂的表单 2015/11/27 16:44:07 从三方面来介绍html5表单的新特性 表单结构更灵活 要提交数据的控件可以布局在form标签之外,看下面的代码,表单元素可以写到form元素之外,只 ...
- IT兄弟连 HTML5教程 HTML5表单 HTML5新增表单元素
HTML5有一些新的表单元素:<datalist>.<keygen>.<output>.不是所有的浏览器都支持HTML5新的表单元素,但即使浏览器不支持该表单属性, ...
- HTML5新增表单验证
HTML5新增属性: 属性 描述 placeholder 提供一种提示,输入域为空时显示,获得焦点输入内容后消失 required 规定输入域不能为空 pattern 规定验证input域的模式(正则 ...
- HTML5——新表单元素 表单属性 语义元素
表单元素 新的表单元素 datalist——输入域选项列表 keygen——提供一种验证用户的可靠方法 output——不同类型的输出,比如计算或脚本输出 表单属性 <form> / &l ...
- 【HTML5】表单元素
* datalist datalist 元素规定输入域的选项列表. 列表是通过 datalist 内的 option 元素创建的. 如需把 datalist 绑定到输入域,请用输入域的 list 属性 ...
- Html5的表单元素
表单是HTML中获取用户输入的手段,,对于web应用系统及其重要,文字是不能说明问题的: 直接上代码把: <!DOCTYPE html><html lang="en&quo ...
- html5 新增表单控件和表单属性
新的输入型控件 email:电子邮箱文本框,跟普通的没什么区别 当输入不是邮箱的时候,验证通不过 移动端的键盘会有变化 tel:电话号码 一般用于手机端,是一个键盘切换 url:网页的 ...
- html5新增表单控件和表单属性
表单验证 Invalid事件 : 验证反馈 input.addEventListener('invalid',fn,false) 阻止默认验证:ev.preventDefault() formnova ...
- 页面中引入百度地图,实例化后影响html5的表单元素date的上下箭头
复现步骤: 使用百度地图的JavaScript的API,引入文件地址"http://api.map.baidu.com/api?key=&v=1.1&services=tru ...
随机推荐
- [BZOJ2244][SDOI2011]拦截导弹 CDQ分治
2244: [SDOI2011]拦截导弹 Time Limit: 30 Sec Memory Limit: 512 MB Special Judge Description 某国为了防御敌国的导弹 ...
- hdu 5195 DZY Loves Topological Sorting (拓扑排序+线段树)
DZY Loves Topological Sorting Time Limit: 4000/2000 MS (Java/Others) Memory Limit: 131072/131072 ...
- Error:Artifact 'xx.war exploded' has invalid extension
环境信息: IDEA 13 , MAVEN, JBOSS 7. 配置信息: 常规配置. 出错信息: Error:Artifact 'xx.war exploded' has invalid ext ...
- c++11 线程的互斥量
c++11 线程的互斥量 为什么需要互斥量 在多任务操作系统中,同时运行的多个任务可能都需要使用同一种资源.这个过程有点类似于,公司部门里,我在使用着打印机打印东西的同时(还没有打印完),别人刚好也在 ...
- CF1088F Ehab and a weird weight formula 贪心 倍增
CF1088F Ehab and a weird weight formula 题意 给定一棵树,点有点权,其中这棵树满足除了权值最小的点外,每个点至少有一个点权小于它的相邻点. 要求你重新构建这棵树 ...
- Nagios通过企业微信报警
主要分两部分进行: 注册企业微信,自建应用,获取与发送消息相关的信息: 编写调用微信API脚本(bash),配置Nagios微信报警: 一.企业微信 1.注册企业微信:https://work.wei ...
- Find Common Characters - LeetCode
目录 题目链接 注意点 解法 小结 题目链接 Find Common Characters - LeetCode 注意点 不能单纯的以字母出现的次数来判断是否是公共的字母 解法 解法一:将第一个字符串 ...
- Mininet 系列实验(五)
实验内容 实现一个单个交换机的拓扑,添加一个交换机,和N个主机到网络中.交换机和主机之间的每个链路能够设置带宽.延迟时间.以及丢包率.创建一个包含一个交换机和四个主机的网络,使用iperf测试主机之间 ...
- BZOJ3836 [Poi2014]Tourism 【树形dp +状压dp】
题目链接 BZOJ3836 题解 显然这是个\(NP\)完全问题,此题的解决全仗任意两点间不存在节点数超过10的简单路径的性质 这意味着什么呢? \(dfs\)树深度不超过\(10\) \(10\)很 ...
- wazhu之agent功能详解
一.日志数据收集 日志数据收集是从服务器或设备生成的记录中收集的实时过程.此组件可以通过文本文件或Windows事件日志接收日志.它还可以通过远程syslog直接接收日志,这对防火墙和其他此类设备 ...