HTML5 input输入类型

802
管理员VIP特权升级VIP整站资源永久免费下载 点我升级VIP
标签 :HTML教程2019-04-13

详情介绍

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与瑕疵,因本站资源均为可复制品,所以不支持任何理由的退款兑现(特殊情况可退积分),请熟知后再支付下载!

评论(0)条