HTML智能表单

智能表单

注：以下表单元素均略写<form action=""></form>

1.电子邮件
例

    电子邮件： <input type="email"/>

结果如下

2.网址

 网址：<input type="url"/>

结果如下

3.日期（年月日）

 日期：<input type="date"/>

4.时间（时分）

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

结果如下

5.月份（年月）

月份：<input type="month"/>

6.星期（年，星期）

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

7.数字
例：（最小为0，最大为10）

 数字：<input type="number" value="0" max="10" min="0"/>

8.范围

范围：<input type="range" min="0" max="10"  value="0"/>

结果如下

9.颜色

 颜色：<input type="color"/>

结果如下

10.下拉框（可以根据文本内容进行搜索匹配）

  <input type="text" list="mylist"/>
    <datalist id="mylist">
        <option value="让子弹飞" label="1星"/>
        <option value="勇敢的心" label="2星"/>
        <option value="拆弹部队" label="3星"/>
        <option value="加勒比海盗" label="4星"/>
        <option value="指环王" label="5星"/>
    </datalist>