HTML <meter> min 属性 详解
HTML基础 2022-06-02 12:05:25小码哥的IT人生shichen
HTML <meter> min 属性
实例
带有当前值以及 min、max、high、low 属性的测量范围:
<meter min="0" low="40" high="90" max="100" value="95"></meter>
完整实例【亲自试一试】:
<!DOCTYPE html>
<html>
<body>
<h1>显示度量:</h1>
<p>
张三的分数:<meter min="0" low="40" high="90" max="100" value="95"></meter>
</p>
<p>
李四的成绩:<meter min="0" low="40" high="90" max="100" value="65"></meter>
</p>
<p>
王五的成绩:<meter min="0" low="40" high="90" max="100" value="35"></meter>
</p>
<p><b>注释:</b>Internet Explorer 不支持 meter 标签。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html
浏览器支持
IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
Firefox, Chrome, Opera 以及 Safari 6 支持 <meter> 标签的 min 属性。
定义和用法
min 属性规定度量的下限。
min 属性值必须小于 max 属性值。
如果未规定,则默认值是 0。
提示:min 属性,与 max 属性一起,规定度量的完整范围。
HTML 4.01 与 HTML 5 之间的差异
<meter> 标签是 HTML 5 中的新标签。
语法
<meter min="number">
值 | 描述 |
---|---|
number | 规定度量的最小值,浮点值。默认值是 "0"。 |