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