input输入框的各种使用方法

input输入框的各种用法

1.邮箱：提交时,验证有没有@,以及@后面有没有内容

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

2.搜索类型：自带快速清除功能

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

3.url类型：提交时，验证开头是http://或者https://

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

4.tel类型：移动端使用时，弹出虚拟键盘

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

5.数字类型

<input max="20" min="10" step="1" type="number" name="number">
//max="20"     能接受的最大值
//min="10"      能接受的最小值
//step="1"       步长

6.颜色类型

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

7.日期类型：提供一个日期选择控件

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

8.月份类型

<input type="month" name="month">

9.周类型

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