HTML5 form标签新增属性
来源:互联网 发布:axure软件下载 编辑:程序博客网 时间:2024/06/07 20:49
1.判断浏览器的版本的方法,要放到头部,小于ie8的可以通过引入html5.js来支持部分html5的操作
<!-- [if lt IE9]> //lt 表示小于 <script src="html5.js"><![endif] -->
2.input中form属性的使用,可以使标签放在form之外,有利于布局,通过form属性指定form,目的就是讲表单项写在表单外面。
<form id="login" action="login.php" method="get"></form><input form="login" type="'text" name="username" value="admin" /><br>
3.form里面的input标签,支持新增的属性formaction,formmethod。
用于指定form里面的action和method。使用场景:如一个form表单里面,有三个提交按钮,但是都是提交到form里的action对应的php方法的,通过form表单设置的method来进行post或者get操作,都是同一个,然后php脚本只能通过name来判断你是哪个标签,现在加了这两个属性,可以每个提交按钮都提交到指定的action用指定的method了。
下面例子的效果就是,点击通过按钮,会通过get方法提交到b.php页面,点击不通过按钮会通过post方式提交到c.php页面
<form id="login" action="login.php" method="get"></form><input form="login" formaction="b.php" formmethod="get" type="submit" name="dosubmit" value="通过" /><input form="login" formaction="c.php" formmethod="post" type="submit" name="dosubmit" value="不通过" />
4.placeholder标签,设置提示
<input type="text" name="dosubmit" placeholder="提示语" />
4.autofocus标签,表示进入页面后光标默认位置,下面的例子进去后,光标就会到通过的input里了
<input type="text" name="dosubmit" value="通过" autofocus/><input type="text" name="dosubmit" value="不通过" />
5.autocomplete标签,这个标签可以通过autocomplete=”on”打开,autocomplete=”off”关闭,主要是input输入的时候要不要显示提示列表
<input form="login" type="'text" name="username" value="admin" autocomplete="off" /><br>
然后可以用list标签,和datalist一起使用,提供用户来自动填写信息
<input type="'text" list="listtest" name="username" value="admin" autocomplete="off" /><br><datalist id="listtest"> <option>11111</option> <option>22222</option> <option>33333</option> <option>44444</option></datalist>
0 0
- HTML5 form标签新增属性
- html5新增标签和属性
- HTML5新增标签及属性
- html5新增标签及属性
- html5 中一些标签新增的属性
- html5 总结-新增重要标签及属性
- HTML5新增的标签和属性归纳
- HTML5新增的标签及属性
- HTML5新增的标签和属性归纳
- HTML5新增标签以及扩展属性
- HTML5--新增的标签、属性和事件
- HTML5新增加的标签&表单新增属性
- HTML5新增标签、表单新增类型与属性
- HTML5 form表单新增
- HTML5新增标签
- HTML5新增标签简介
- Html5 新增常用标签
- HTML5新增标签
- 编译64位的ffmpeg
- PyQt5教程-13-滑块控件
- IBM Bluemix-如何部署Java Web项目-如何添加MySQL服务
- Flume1.5.0的安装、部署、简单应用(含伪分布式、与hadoop2.2.0、hbase0.96的案例)
- POI读取Excel 各种特殊数字和类型的转换。
- HTML5 form标签新增属性
- matlab集群搭建问题
- 官方API指南之Android简介
- 正则表达式学习笔记(二)——简单的正则表达式
- Xcode 生成Appium可自动化的包
- 宿主主机与VMware中虚拟机网络通信设置
- Nginx日志导入到Hive0.13.1,同步Hbase0.96.2,设置RowKey为autoincrement(ID自增长)
- 解决jQuery $.getJSON() 传递参数中文乱码问题
- 基于社交网络的用户与基于物品的协同过滤推荐算法-java