H5表单输入类型

admin

实例：type=‘表单输入类型’

1. <input type="email" name="user_email" />

复制代码

TYPE	用途	试用设备
email	自动验证 email 域的值	pc,mobile
url	会自动验证 url 域的值	pc,mobile
number	用于应该包含数值的输入域	pc,mobile
range	类型显示为滑动条	pc,mobile
Date	日期选择器	pc,mobile
search	用于搜索域	mobile
color	用户选择颜色	pc

例子：
Input 类型 - email

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

复制代码

Input 类型 - url

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

复制代码

Input 类型 - number：支持限定输入的最大值和最小值

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

复制代码

Input 类型 - range（滑动条）：支持限定输入的最大值和最小值

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

复制代码

Input 类型 - Date Pickers（日期选择器）

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

1. Date: <input type="date" name="user_date" />

复制代码

Input 类型 - search（手机端支持较好，会在手机编辑器里面出现搜索按钮）

1. SEARCH: <input type="search" name="search" />

复制代码

color 选择type为color时，在PC端点击后会出现颜色选择器，选择相对应的颜色值

admin

Input 类型 - number小数点后两位

1. <input type="number" step="0.01">

复制代码