HTML5 <meter>
标签
主题:HTML5 标签参考上一页|下一页
说明
<meter>
元素表示已知范围内的标量测量值或小数值。 这也称为量规。
下表总结了此标签的使用上下文和版本历史。
Placement: | Inline |
---|---|
Content: | 内联和文本,但其后代中没有 <meter> |
开始/结束标签: | 开始标签: required, 结束标签:required |
版本: | New in HTML5 |
语法
<meter>
标签的基本语法如下:
HTML / XHTML: <meter value="5"> ... </meter>
下面的示例显示了 <meter>
标签的作用。
<p>Disk Usage: <meter value="0.8">80%</meter></p>
<p>Total Score: <meter value="6" min="0" max="10">6 out of 10</meter></p>
<p>Pollution Level: <meter low="60" high="80" max="100" value="85">Very High</meter></p>
标签特定属性
下表显示了特定于 <meter>
标签的属性。
属性 | 值 | 说明 |
---|---|---|
Required — 必须在此标签上指定以下属性才能使标签有效。 | ||
value |
number | 指定仪表或仪表的当前值。 这必须在最小值和最大值之间。 |
Optional — 以下属性是可选的。 | ||
form |
form-id | 将 <meter> 元素与 <form> 元素相关联。 |
high |
number | 指定被认为是高值的范围。 |
low |
number | 指定被认为是低值的范围。 |
max |
number | 指定范围的最大值。 |
min |
number | 指定范围的最小值。 |
optimum |
number | 指示仪表的最佳值是什么值。 |
全局属性
与所有其他 HTML 标签一样, <meter>
标签支持 HTML5 中的全局属性。
事件属性
<meter>
标签还支持 HTML5 中的事件属性。
浏览器兼容性
所有主要的现代浏览器都支持 <meter>
标签。
基本支持—
|
进一步阅读
请参阅以下教程: HTML 表单.
相关标签: <progress>
.
Advertisements