HTML <meter> タグ

定義和用法

<meter> 標籤定義已知範圍內的標量測量值，或分數值。也稱為儀表 (gauge)。

例如：磁碟的使用情況、查詢結果的相關性等。

注意：不應使用 <meter> 標籤來表示進度（例如進度條）。對於進度條，請使用 <progress> 標籤。

提示：請始終使用 <label> 標籤，獲得最佳可訪問性實踐！

另請參考：

HTML DOM 參考手冊：Meter 對象

實例

使用 meter 元素顯示給定範圍內的標量值（儀表）：

<label for="disk_c">磁碟使用情況 C：</label>
<meter id="disk_c" value="2" min="0" max="10">十分之二</meter><br>
<label for="disk_d">磁碟使用情況 D:</label>
<meter id="disk_d" value="0.6">60%</meter>

親自試試

屬性

屬性 值 描述
form 表單 id 規定 <meter> 元素屬於哪個表單。
high 數字 規定範圍的高值。
low 數字 規定範圍的低值。
max 數字 規定範圍的最大值。
min 數字 規定範圍的最小值。默認為 0。
optimum 數字 規定儀表的最佳值。
value 數字 必需。規定儀表的當前值。

說明

meter 元素顯示某個範圍內的所有可能值中的一個。min 和 max 属性設定了可能值所处範圍的邊界，它們可以用浮點數來表示。meter 元素的顯示可以分為三個部分：过低、過高和最佳。low 属性設定了一个值，在它之下的所有值都被认为是过低；high 属性设置了一个值，在它之上的所有值都被认为是过高；optimum 属性指定了最佳值。

全局属性

<meter> 标签还支持 HTML 中的全局属性。

事件属性

<meter> 标签还支持 HTML 中的事件属性。

デフォルトの CSS 設定

無。

浏览器支持

表中的数字注明了首个完全支持该标签的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 13.0 16.0 6.0 11.5