h5新增表单控件及其相关属性
来源:互联网 发布:linux管道 编辑:程序博客网 时间:2024/05/02 00:58
新的输入型控件
email : 电子邮箱文本框,跟普通的没什么区别当输入不是邮箱的时候,验证通不过移动端的键盘会有变化
tel : 电话号码
url : 网页的URL
search : 搜索引擎
chrome下输入文字后,会多出一个关闭的X
range : 特定范围内的数值选择器
min(最小值)、max(最大值)、step( 步数 )
例子 : 用JS来显示当前数值
<form> <input type="range" step="2" min="0" max="10" value="2" /> <input type="submit" /></form>
number : 只能包含数字的输入框
color : 颜色选择器
datetime : 显示完整日期
datetime-local : 显示完整日期,不含时区
time : 显示时间,不含时区
date : 显示日期
week : 显示周
month : 显示月
新的表单特性和函数
placeholder : 输入框提示信息
例子 : 微博的密码框提示
<form> <input type="text" placeholder="请输入4-16个字符" /> <input type="submit" /></form>
autocomplete : 是否保存用户输入值
默认为on,关闭提示选择off
<form> <input type="text" placeholder="请输入4-16个字符" name="user" autocomplete="off" /> <input type="submit" /></form>
autofocus : 指定表单获取输入焦点
list和datalist : 为输入框构造一个选择列表
list值为datalist标签的id
required : 此项必填,不能为空
Pattern : 正则验证 pattern=”\d{1,5}“
Formaction 在submit里定义提交地址
<form action="http://www.baidu.com"> <input type="text" placeholder="请输入4-16个字符" name="user" autocomplete="off" pattern="\d{1,5}" /> <input type="submit" value="提交" /> <input type="submit" value="保存至草稿箱" formaction="http://www.qq.com" /></form>
0 0
- h5新增表单控件及其相关属性
- H5表单相关新增元素和属性
- H5新增的表单属性
- h5 form表单新增属性
- H5中form表单中新增属性
- 表单相关新增元素和属性
- 表单相关新增元素和属性 4
- HTML5表单相关新增元素和属性
- HTML5-表单相关新增元素和属性
- HTML5表单相关新增元素和属性
- H5新增表单元素
- H5新增表单元素
- 繁星H5之旅-HTML5表单新增元素与属性
- html5中新增表单控件和属性
- [前端] H5新增属性
- H5新增表单输入项
- 疯狂H5讲义笔记 - 表单相关元素和属性
- H5音频 视频 播放控件 及其属性用法
- 动态内存分配导致Javascript性能的问题
- 数据库视频总结
- Java 数据结构之数组的操作二:数据插入与二分查找法
- 模电:半导体和PN结
- STL阅读程序——1
- h5新增表单控件及其相关属性
- 使用 Android Studio自定义View03——圆环进度条
- Java多线程-实现多线程:Executor框架
- Java 数据结构之数组的操作三:实现各种排序方法
- 练习2-4 重新编写函数squeeze(s1,s2),将字符串s1中任何与字符串s2中匹配的字符都删除
- C#BitVector32结构操作说明
- sublime text3 快捷键
- C语言宏
- Servlet整合FreeMarker