HTML5新增表单控件

<form action="">
        <p>
            颜色选择按钮：<input type="color">
        </p>
        <p>
            日期选择：
            <input type="date">
        </p>
        <p>
            时间选择控件：
            <input type="time">
        </p>
        <p>
            电子邮件：
            <input type="email">
        </p>
        <p>
            必填：
            <input type="text" required>
        </p>
        <p>
            数字：
            <input type="number" min="10" max="20">
        </p>
        <p>
            拖拽条：
            <input type="range" min="10" max="20">
        </p>
        <p>
            搜索：
            <input type="search">
        </p>
        <p>
            网址：
            <input type="url">
        </p>
        <p>
            省份：
            <input type="text" list="provice-list">
            <datalist id="provice-list">
                <option value="河南"></option>
                <option value="河北"></option>
                <option value="湖南"></option>
                <option value="湖北"></option>
                <option value="上海"></option>
                <option value="广东"></option>
                <option value="广西"></option>
                <option value="陕西"></option>
                <option value="山西"></option>
                <option value="山东"></option>
            </datalist>
        </p>
        <p>
            <input type="submit" value="提交">
        </p>
    </form>

HTML5提供了这些新的标签，并且可以在提交表单时对 表单中相应的表单项进行与判断，判断是否符合标准例如，email url 其他的都比较平常，但输入框可以添加 required 属性进行必填操作，

在单行文本框中 ，通过list属性 与 datalist 标签中的id 值保持一致，从而使文本框添加了智能感应功能在option标签中设置value值为单行文本框提供提示信息。