html5新增表单元素

html5新增表单元素

html5新增表单元素

dalalist标签
    1.作用: 给输入框绑定待选项；
    2.datalist格式:
        <datalist>
            <option>待选项内容</option>
        </datalist>
    3.如何给输入框绑定待选列表
    	1.搞一个输入框
    	2.搞一个datalist列表
    	3.给datalist列表标签添加一个id
    	4.给输入框添加一个list属性,将datalist的id对应的值赋值给list属性即可
    4.例子
        <input type="text" list="name">
        <datalist id="name">
            <option>张三</option>
            <option>李四</option>
            <option>王五</option>
        </datalist>
-progress标签
    1.作用：表示任务的完成情况，常用于进度条
    2.progress格式：
        <progress value="70" max="100">70%</progress>
    3.max 定义进度元素所要求的任务的工作量，默认值为1  
        value 定义已经完成的工作量，如果max值为1，该值必须是介于0~1之间的小数。
-input标签
    -邮箱
        <input type="email">
        可以自动校验输入的内容是否符合邮箱的格式
    -域名
        <input type="url">
        可以自动校验输入的内容是否是URL地址
    -数字
        <input type="number">
        输入框中只能输入数字
    -时间 
        <input type="date">
        可以通过日历来选择时间
    -颜色
        <input type="color">
        可以通过取色板来选择颜色