HTML5新增的表单元素

HTML5新增的表单元素

progress 进度条

    max     进度元素所要求的任务的工作量，默认值为1
    value   已经完成的工作量，如果max值为1，该值必须是介于0~1之间的小数
    
    例如：<progress id="one" name="progress" value="0" max="100"></progress>

output 用户动作产生的结果

    name    定义元素的名称
    for     其他元素的id列表，表明这些元素为计算提供了输入值(或其他影响)
    
    <output for="">内容</output>

meter 规定范围内的数量值

    value   在元素中特地表示出来的实际值，该值在min与max之间，默认值为1
    min     指定规定范围时允许使用的最小值，默认为0 
    max     指定规定范围时允许使用的最大值，默认为1 
    low     规定范围的下限值必须小于或等于high属性的值
    high    规定范围的上限值
    
    optimum 最佳值
        1.optimum<low  越小越好   value<low绿色，low<=value<=high黄色，value>high红色
            <meter min="0" max="100" low="40" high="60" optimum="10" value="90"></meter>
        
        2.low<=optimum<=high（或者没有optimum)  在中间就好  low<=value<=high 绿色，其他黄色，和没有optimum一样 
            <meter min="0" max="100" low="40" high="60" optimum="50" value="90"></meter>
        
        3.optimum>high  越大越好  value<low红色，low<=value<=high黄色，value>high绿色 
            <meter min="0" max="100" low="40" high="60" optimum="80" value="90"></meter>

datalist 其他控件可用的值

    其值通过<option>作为datalist的子元素存在
    即：<datalist id="one">
            <!-- option中不用内容只用写value -->
            <option value="1"></option>
            <option value="2"></option>
        </datalist>