在 HTML 中給定一個具體的范圍(包括最大值與最小值),然后使用 <meter> 標簽來顯示該給定范圍內(nèi)的數(shù)據(jù),請參考下面的實例:
嘗試一下 ?
實例
使用 meter 元素展示給定的數(shù)據(jù)范圍:
<meter value="2" min="0" max="10">2 out of 10</meter><br>
<meter value="0.6">60%</meter>
<meter value="0.6">60%</meter>
嘗試一下 ?
瀏覽器支持
Firefox、Opera、Chrome 和 Safari 6 支持 <meter> 標簽。
標簽定義及使用說明
<meter> 標簽定義度量衡。僅用于已知最大和最小值的度量。
比如:磁盤使用情況,查詢結果的相關性等。
注意: <meter> 不能作為一個進度條來使用, 進度條 <progress> 標簽。
HTML 4.01 與 HTML5 之間的差異
<meter> 是 HTML5 的新標簽。
屬性
New:HTML5 新屬性。
屬性 | 值 | 描述 |
---|---|---|
formNew | form_id | 規(guī)定 <meter> 元素所屬的一個或多個表單。 |
highNew | number | 規(guī)定被界定為高的值的范圍。 |
lowNew | number | 規(guī)定被界定為低的值的范圍。 |
maxNew | number | 規(guī)定范圍的最大值。 |
minNew | number | 規(guī)定范圍的最小值。 |
optimumNew | number | 規(guī)定度量的最優(yōu)值。 |
valueNew | number | 必需。規(guī)定度量的當前值。 |
全局屬性
<meter> 標簽支持全局屬性,查看完整屬性表 HTML全局屬性。
事件屬性
<meter> 標簽支持所有 HTML事件屬性。
更多建議: