Question

MDN使用这些属性的名称来描述它们，因此它并没有真正解释它们。他们似乎没有真正的默认功能，所以我假设min和max需要与他们一起使用。浏览器是否以某种方式使用它们，或者它们的唯一目的是与javascript一起使用？还可以设计除了宽度和高度之外的仪表的样式吗？

<meter min="0" low="30"  value="50" optimum="50" high="80" max="100" >
    What is their use?
</meter>

Answer 1

这三个属性high，low，optimum没有任何显着影响，但会根据这些属性的值和值来影响仪表的颜色。颜色在yellow，red，green之间变化。下面是一个小型演示。

＆＃13;

<h3>
  Values Without optimum value
</h3>

Value between low and high:<meter value=50 min=0 max=100 low=30 high=90></meter><br> Value less than low and greater than min:<meter value=25 min=0 max=100 low=30 high=90></meter><br> Value greater than high and less than max:<meter value=95 min=0 max=100 low=30 high=90></meter><br> Value equal to high :<meter value=90 min=0 max=100 low=30 high=90></meter><br> Value equal to low :<meter value=30 min=0 max=100 low=30 high=90></meter><br> 
Value greater than high and less than max :<meter value=95 min=0 max=100 low=30 high=90></meter><br> 
MDN Example: value is greater than high:<meter min=0 low=69 high=80 max=100 value=84></meter>


<h3>
  Values With optimum value Greater Than high
</h3>

Value between low and high:<meter value=50 min=0 max=100 low=30 high=90 optimum=95></meter><br> 
Value less than low and greater than min:<meter value=25 min=0 max=100 low=30 high=90 optimum=95></meter><br> Value greater than high and less than max: <meter value=95 min=0 max=100 low=30 high=90 optimum=95></meter><br>
Value equal to high :<meter value=90 min=0 max=100 low=30 high=90 optimum=95></meter><br> 
Value equal to low :<meter value=30 min=0 max=100 low=30 high=90 optimum=95></meter><br> 
Value greater than high and less than max :<meter value=95 min=0 max=100 low=30 high=90 optimum=95></meter><br>

  <h3>
    Values With optimum value Less Than high
  </h3>

  Value between low and high:<meter value=50 min=0 max=100 low=30 high=90 optimum=85></meter><br> 
  Value less than low and greater than min:<meter value=25 min=0 max=100 low=30 high=90 optimum=85></meter><br> 
  Value greater than high and less than max:
  <meter value=95 min=0 max=100 low=30 high=90 optimum=85></meter><br> 
  Value equal to high :<meter value=90 min=0 max=100 low=30 high=90 optimum=85></meter><br> 
  Value equal to low :<meter value=30 min=0 max=100 low=30 high=90 optimum=85></meter><br> 
  Value greater than high and less than max :<meter value=95  min=0 max=100 low=30 high=90 optimum=85></meter><br>

＆＃13;

在上面的演示中，您可以根据其值和low-high范围观察仪表的颜色之间的差异。虽然我认为仍然存在不一致性，因为您可以看到第一组中的最后两个仪表的值都大于high值但仍然具有不同的颜色。

即使花了几个小时在谷歌搜索后，我也无法得到这些属性的确切解释。但上面是我发现的。

希望这可以帮到你:)

仪表元件的低，高和最佳属性到底是做什么的？

1 个答案: