H5新增input标签

Posted 2021-03-21 hzqzwl

1.电子邮件

<input type="email" name="email"/>

默认正则：输入内容必须有@符号，@后面必须有内容

2.搜索框

<input type="search" name="search"/>

3.url地址

<input type="url" name="url"/>

默认正则：必须包含http:或者https:

4.电话号码

<input type="tel" name="tel"/>

5.数字

<input type="number" name="num" step="5" min="5" max="50"/>

默认正则：只能输入数字 ，会有步长，默认步长为1

6.color（调色盘）

<input type="color" name="color"/>

7.range（范围条）

<input type="range" name="range" min="0" max="10" step="2" value="10"/>

注意：

-范围类型：
min:最小值
max：最大值
step：步长
value：总长

8.日历date

<input type="date" name="date"/>

<input type="week" name="week"/>

<input type="time" name="time"/>

注意：实际开发中基本不用，因为丑