HTML <meter> max 属性 详解
HTML基础 2022-06-02 12:05:23小码哥的IT人生shichen
HTML <meter> max 属性
实例
带有当前值以及 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> 标签的 max 属性。
定义和用法
max 属性规定度量的上限。
max 属性值必须大于 min 属性值。
如果未规定，则默认值是 1。
提示：max 属性，与 min 属性一起，规定度量的完整范围。
HTML 4.01 与 HTML 5 之间的差异
<meter> 标签是 HTML 5 中的新标签。
语法
<meter max="number">
| 值 | 描述 |
|---|---|
| number | 规定度量的最大值，浮点值。默认值是 "1"。 |
