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>
发布了39 篇原创文章 · 获赞 0 · 访问量 188

猜你喜欢

转载自blog.csdn.net/yaningyin/article/details/105033753