H5新增的input类型

时间：2019-12-31 11:42:35 阅读：82 评论：0 收藏：0 [点我收藏+]

H5中新增input系列(1)

HTML4.01中，input的类型只有text、button、password、submit、radio、checkbox和hidden（隐藏域）。H5中新增了一些类型，使用起来更加方便，包括：

点击时弹出颜色选择器，可以选择任意颜色

<input type="color">

技术分享图片

输入范围内的数字，可以手动输入超出范围的数字，但不能提交

Points: <input type="number" name="points" min="1" max="10" />

技术分享图片

ps：这里需要说明的是，number的时候提供了一个最大值和最小值的限制条件，可以更好的满足我们做限制的时候的操作。

技术分享图片

检测提交的是否是一个电子邮件格式

E-mail: <input type="email" name="user_email" />

技术分享图片

检测是否是一个url格式

Homepage: <input type="url" name="user_url" />

技术分享图片

选择区域

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

技术分享图片

ps：这里也是一样的，给定了几个常用的属性：

技术分享图片

选取日、月、年

技术分享图片

选取月、年

技术分享图片

选取月、年

技术分享图片

选取时间（小时和分钟）

技术分享图片

选取时间、日、月、年（UTC 时间）

技术分享图片

选取时间、日、月、年（本地时间）

技术分享图片

这里就是一个普通的搜索域。

技术分享图片

原文：https://www.cnblogs.com/1998A-mei/p/12123187.html

踩

(0)

评论一句话评论（0）

分享档案

更多>