详情介绍
HTML5 增加了多个新的输入类型:
color
date
datetime
datetime-local
email
month
number
range
search
tel
time
url
week
注释:老式 web 浏览器不支持的输入类型,会被视为输入类型 text。
输入类型:number
<input type="number"> 用于应该包含数字值的输入字段
输入限制
这里列出了一些常用的输入限制(其中一些是 HTML5 中新增的):
属性 | 描述 |
---|---|
disabled | 规定输入字段应该被禁用。 |
max | 规定输入字段的最大值。 |
maxlength | 规定输入字段的最大字符数。 |
min | 规定输入字段的最小值。 |
pattern | 规定通过其检查输入值的正则表达式。 |
readonly | 规定输入字段为只读(无法修改)。 |
required | 规定输入字段是必需的(必需填写)。 |
size | 规定输入字段的宽度(以字符计)。 |
step | 规定输入字段的合法数字间隔。 |
value | 规定输入字段的默认值。 |
输入类型:date
<input type="date"> 用于应该包含日期的输入字段
输入类型:color
<input type="color"> 用于应该包含颜色的输入字段
输入类型:range
<input type="range"> 用于应该包含一定范围内的值的输入字段
输入类型:month
<input type="month"> 允许用户选择月份和年份
输入类型:week
<input type="week"> 允许用户选择周和年
输入类型:time
<input type="time"> 允许用户选择时间(无时区)
输入类型:datetime
<input type="datetime"> 允许用户选择日期和时间(有时区)
输入类型:datetime-local
<input type="datetime-local"> 允许用户选择日期和时间(无时区)
输入类型:email
<input type="email"> 用于应该包含电子邮件地址的输入字段
输入类型:search
<input type="search"> 用于搜索字段(搜索字段的表现类似常规文本字段)
输入类型:tel
<input type="tel"> 用于应该包含电话号码的输入字段
输入类型:url
<input type="url"> 用于应该包含 URL 地址的输入字段
1、升级本站永久VIP,仅需【49】元即可升级 ! ! ! (升级后永久享受整站资源全部免费下载)
2、站内资源均可通过签到等任务进行免费兑换。
3、站内资源均来源于网络公开发表文件或网友投稿发布,如侵犯您的权益,请联系管理员处理。
4、本站所分享的源码、模板、软件工具等其他资源,都不包含技术服务,请大家谅解!
5、所有资源均收集于互联网仅供学习、参考和研究,请理解这个概念,所以不能保证每个细节都符合你的需求,也可能存在未知的BUG与瑕疵,因本站资源均为可复制品,所以不支持任何理由的退款兑现(特殊情况可退积分),请熟知后再支付下载!