Question

如何根据input标签输入的数字来改变meter中的颜色

Answer 1

meter标签的颜色是根据meter标签的几个属性的属性值决定的，如下标签：
<meter min="0" low="40" high="90" max="100" value="95"></meter>
当value值在min-low之间时：绿色
当value值在low-high之间时：黄色
当value值在high-max之间时：红色
为了实现根据input标签的值动态改变meter的颜色，就需要将input的value动态赋值给meter的value
如：
html部分
<meter min="0" low="40" high="90" max="100" value="95"></meter>
<input type="text" id="ipt1"/>
js部分：
$('#ipt1').change(function(){ // 当input输入完成后执行
$('meter').val($(this).val()); // 将input的value赋值给meter

});