HTML - <meter> 標籤

HTML <meter> 標籤用於在給定範圍內呈現資料。它可以表示已知範圍內的標量值或分數值。這是 HTML5 中包含的一個新標籤。Meter 也稱為量規。

語法

   <meter>.....</meter>

屬性

HTML meter 標籤支援 HTML 的全域性和事件屬性。還有一些特定的屬性，如下所示。

HTML meter 標籤屬性

屬性	值	描述
value	數字	儲存一個數字，該數字定義了儀表或量規的當前值。
form	form_id	儲存一個 form_id，該 id 指定 <meter> 元素屬於哪個表單。
high	數字	儲存一個數字，該數字定義了儀表的較高值。
low	數字	儲存一個數字，該數字定義了儀表的較低值。
max	數字	用於設定儀表的最大值。
min	數字	用於設定儀表的最小值。
Optimum	數字	用於設定儀表或量規的最佳值。

HTML meter 標籤示例

在以下示例中，我們將看到用例，以及在哪裡以及如何使用 HTML meter 標籤來表示資料。

建立燃油量

在以下示例中，我們藉助 <meter> 標籤建立燃油量。

<!DOCTYPE html>
<html>
<body>
    <label>Fuel level:</label>
    <meter min="0" max="100" 
           low="35" high="70" 
           optimum="80" value="50">
    </meter>
</body>
</html>

建立磁碟使用情況

考慮以下示例，我們顯示了給定範圍內磁碟使用情況的標量值。

<!DOCTYPE html>
<html>
<body>
    <h1>HTML meter Element</h1>
    <label for="disk_c">Disk usage C:</label> 
    <meter id="disk_c" value="5" min="0" max="10">2 out of 10</meter> 
    <br> 
    <label for="disk_d">Disk usage D:</label> 
    <meter id="disk_d" value="0.8">100%</meter> 
</body>
</html>

支援的瀏覽器

標籤
meter	是 8.0	是 13.0	是 16.0	是 6.0	是 11.5

html_tags_reference.htm

列印頁面