HTML5中新增的表单控件、datalist控件

种类：

type属性值	控件
color	颜色选择控件
date、time	日期、时间选择控件
email	电子邮件输入控件(格式要求电子邮件格式，要求很严格，否则提交信息会提示)
file	文件选择控件
number	数字输入控件
range	拖拽条
search	搜索框
url	网址输入控件

代码测试:

 <!-- 属性测试 -->
        <p>颜色选择控件：<input type="color"></p>
        <p>日期选择控件：<input type="date"></p>
        <p>时间选择控件：<input type="time"></p>
        <p>电子邮件输入控件：<input type="email"></p>
        <p>文件选择控制：<input type="file"></p>
        <p>数字输入控件：<input type="number"></p>
        <p>拖拽条：<input type="range"></p>
        <p>搜索框：<input type="search"></p>
        <p>网址输入控件：<input type="url"></p>

datalist控件

可为输入框提供一些备选项，相当于关键字搜索

<!-- datalist控件 -->
        <p>输入一个省份：
            <input type="text" list="province">
            <datalist id="province">
                <option>陕西</option>
                <option>山西</option>
                <option>湖北</option>
                <option>湖南</option>
                <option>广东</option>
                <option>广西</option>
            </datalist>
        </p>

搜索西会出现所有西的关键字省份