小码哥的IT人生

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"。

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024