H5新增的标签总结
1:便于排版的Form表单
HTML5为了方便排版，可以使form的表单标签脱离form的嵌套。
方法：form指定id，所有的标签标签都添加form= id属性。
例如：
<form action="" method="post" id="register"></form>
<input type="text" name="user" value="" form="register" />
<input type="password" name="pwd" value="" form="register" />
2:form新类型
type = "email" 邮箱（自带格式校验）
type = "url" 网址，必须带协议（自带格式校验）
type = "date" 日期选择器
type = "time" 时间选择器
type = "month" 月份选择器
type = "week" 周选择器
type = "number" 数字选择器
type = "range" 滑动条
max属性
step属性(验证合法性) step="2"，例如从0开始，只能选择0-2-4-6-8
type = "search" 搜索框
results="n"谷歌浏览器可用，显示搜索图标。
type = "color" 颜色选择器
3：新增的表单属性
required="required" 设置必填项
placeholder = "我是默认值" 设置默认值，不会提交到后台
autofocus = "autofocus" 自动聚焦
pattern="\d{3}" 自定义正则表达式
4：自动填充表单
<input type="text" name="auto" value="" list="movie" />
<datalist id="movie">
<option>人在囧途</option>
<option>车在囧途</option>
<option>泰囧</option>
</datalist>
5：output标签
<form action="" method="post"
oninput="result.value=parseInt(no1.value)+parseInt(no2.value)">
<input type="number" name="no1" value="" />
<input type="number" name="no2" value="" />
<output name="result"></output>
</form>
最新文章
- BZOJ2730——[HNOI2012]矿场搭建
- 教程和工具--用wxPython编写GUI程序的
- javascript中的innerHTML是什么意思，怎么个用法？
- Servlet开发配置
- 烂泥： KVM虚拟机Linux系统增加硬盘
- OC中的self指针
- 用Teleport Ultra下载网站全部页面 爬虫
- android PopupWindow显示位置
- Nutch 二次开发之parse正文内容
- Struts开发问题集锦
- RESTful架构详解（转）
- Android：抄QQ照片选择器（按相册类别显示，加入选择题）
- 第一次测试HTML和CSS
- SSIS - 4.使用表达式任务和脚本任务实现更改变量和输出变量值
- Python学习（三十六）—— Cookie、Session和自定义分页
- 第一章03 java 开发环境搭建
- leetcode 343 整数拆分
- OPENSHIFT MYSQL使用Navicat远程连接
- iOS应用开发最佳实践
- 移动端Web Meta标签