专注前端行业精选
html5新增的表单type新属性值
作者:鹏仔先生日期:2020-06-02浏览:756分类:HTML
1. 限制用户输入必须为邮箱类型
type="email"
注: 必须含有@,@前后内容不能为空
2. 限制用户输入必须为url地址
type="url"
注: 必须含有http: ,并且http: 后面要有内容
3.限制用户输入必须为数字
type="number"
eg:
<input type="number" max="30" min="1" value="1" step="2"/>
注: max为可以输入的最大值,min为可以输入的最小值,value是默认值,step为每次递增和递减的数量
4. 产生一个滑动条的表单
type="range"
eg:
<input type="range" min="1" max="100" value="20"/>
5. 产生一个选择颜色的面板
type="color"
6. 选择一个日期
type="date"
7.选择一个时间(时、分)
type="time"
8.选择一个月份(年、月)
type="month"
9. 选择当前日期或指定日期是这一年的第几周
type="week"
- 上一篇:使用CSS实现网站顶部彩色小长条小效果
- 下一篇:html5新增表单新属性
手机扫码访问
猜你还喜欢
- 02-25 JS判断某个时间戳是否为当天时间
- 02-07 vue使用viewerjs实现图片点击放大
- 02-05 vue实现点击刷新页面 H5实现刷新页面
- 02-04 H5移动端项目实现手写签名功能 vue实现手写签名
- 02-04 vue移动端使用Vconsole Vconsole使用
- 02-04 vue中如何点击返回上一页,vue判断没有上页返回首页
- 01-13 苹果手机new Date()时候的坑 ios new Date时为NAN
- 11-25 小程序中 时间戳转日期格式(年月日时分秒)封装使用
- 11-25 小程序中button的边框无法去除 button边框如何去除
- 11-19 微信小程序 接口请求封裝
- 11-06 VUE中实现输入框禁止输入小数方法分享
- 10-29 vue表单验证 input输入框禁止输入空格
暂无评论,来添加一个吧。