HTML5新增的几个Input类型

HTML5新增了几个input类型,都是比较实用的。

email类型

<input type="email" />

【国内直连ChatGPT 29元起】
国内直连ChatGPT,Plus会员每月29元起,支持最新o1模型探索更多领域,无需注册OpenAI账号。

顾名思义,即自动验证输入的值是否是email

URL类型

<input type="url" />

同样自动验证输入的值是否是正确的URL

number类型

<input type="number" min="1" max="10" />

只接受数字类型

  • min 参数为最小值
  • max 参数为最大值

range类型

<input type="range" min="1" max="10" />

这个比较新意,是一个滑动块,鼠标移动滑块写值

  • min 参数为最小值
  • max 参数为最大值

search类型

<input type="search" />

搜索类型,与text没啥区别,就是多了一个放大镜,与清除内容功能

date类型

<input type="date" />

日期类型,起始日期类型有多种如下表

date - 选取日、月、年
month - 选取月、年
week - 选取周和年
time - 选取时间(小时和分钟)
datetime - 选取时间、日、月、年(UTC 时间)
datetime-local - 选取时间、日、月、年(本地时间)

以上就是HTML5新增的input type类型

分享

TITLE: HTML5新增的几个Input类型

LINK: https://www.qttc.net/86-html5-input-type.html

NOTE: 原创内容,转载请注明出自琼台博客