欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

HTML5新增的表单元素

程序员文章站 2022-05-11 14:12:31
...

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>