HTML进阶

HTML5新增input类型

Input 新增类型:

number：number 类型用于应该包含数值的输入域。

• max 规定允许的最大值
• min 规定允许的最小值
• step 规定输入字段的合法数字间隔

数字输入框：
        <input type="number" min="0" max="100" step="5" value="">

tel：定义输入电话号码字段 所有浏览器都不支持

手机号：
        <input type="tel" name="tel">

email：email 类型用于应该包含 e-mail 地址的输入域，在提交表单时，会自动验证 email 域的值是否合法有效

邮箱：
        <input type="email" name="email">

url：url 类型用于应该包含 URL 地址的输入域。在提交表单时，会自动验证 url 域的值。

地址：
        <input type="url" name="url">

date：date 类型允许你从一个日期选择器选择一个日期

日期：
        <input type="date">

time：time 类型允许你选择一个时间。

时间：
        <input type="time" value="">

datetime 所有浏览器都不支持
            datetime-local 支持谷歌

datetime-local：datetime-local 类型允许你选择一个日期和时间 (无时区，按照电脑本地时间)

日期时间： 
        <input type="datetime-local">

month：month 类型允许你选择一个月份

月份：
        <input type="month">

week：week 类型允许你选择周和年。

星期：
        <input type="week" name="week">

search：search 类型用于搜索域，比如站点搜索或 Google 搜索

搜索：
        <input type="search" search="s">

color：color 类型用在input字段主要用于选取颜色

color:
        <input type="color">