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 |