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 ...
随机推荐
- Java 信号量 Semaphore 介绍
Semaphore当前在多线程环境下被扩放使用,操作系统的信号量是个很重要的概念,在进程控制方面都有应用.Java 并发库 的Semaphore 可以很轻松完成信号量控制,Semaphore可以 ...
- Day24-Ajax文件上传
一. <input type="file" id="fafafa" name="afafaf"/> <input type ...
- 【spring学习笔记二】Bean
### bean的三种实例化方式: 1.构造 2.静态工厂 3.实例工厂 其中,工厂就是工厂的概念,工厂函数factor-method会返回她生产出来的产品类. 而构造初始化也可以选择初始化方式和销毁 ...
- 如何合理的规划jvm性能调优
JVM性能调优涉及到方方面面的取舍,往往是牵一发而动全身,需要全盘考虑各方面的影响.但也有一些基础的理论和原则,理解这些理论并遵循这些原则会让你的性能调优任务将会更加轻松.为了更好的理解本篇所介绍的内 ...
- 【BZOJ3293】分金币(贪心)
[BZOJ3293]分金币(贪心) 题面 BZOJ 洛谷 题解 和上一题一样啊. #include<cstdio> #include<cmath> #include<al ...
- 【uoj125】 NOI2013—书法家
http://uoj.ac/problem/125 (题目链接) 题意 在网格上写“NOI”,每个格子上有一些权值,要求覆盖的权值最大.书写有一些规则. Solution 将“NOI”分成11个部分, ...
- MySQL 第一篇:初识数据库
一 数据库管理软件的由来 基于我们之前所学,数据要想永久保存,都是保存于文件中,毫无疑问,一个文件仅仅只能存在于某一台机器上. 如果我们暂且忽略直接基于文件来存取数据的效率问题,并且假设程序所有的组件 ...
- POI的XWPFParagraph.getRuns分段问题 多余逗号
POI的XWPFParagraph.getRuns分段问题 2018年08月28日 09:49:32 银爪地海贼 阅读数:376 这是我的模板 后台打印出来是分段的 造成这样的原因是${name} ...
- std::function 使用_
#include <iostream> #include <functional> //函数指针写法 typedef int(*FuncPoint)(const int& ...
- Spss22安装与破解步骤
Spss22安装与破解教程 向师姐请教了一些学术问题,哈哈说的有点大,不过真的很感谢,学到了很多,少走了很多弯路. 1.下载安装包 可以去IBM官网.人大论坛等网站下载,全部文件应包括spss22安装 ...