HTML <meter>元素用來顯示已知范圍的標量值或者分數(shù)值。
使用 meter 元素展示給定的數(shù)據(jù)范圍:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鳥教程(cainiaoplus.com)</title> </head> <body> <p>Heat the oven to <meter min="200" max="500" value="350">350 degrees</meter>.<br> <meter value="0.6">60%</meter> </p> </body> </html>測試看看 ?/?
IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持 <meta> 標簽。
<meter> 標簽定義度量衡。僅用于已知最大和最小值的度量。
比如:磁盤使用情況,查詢結(jié)果的相關(guān)性等。
注意: <meter> 不能作為一個進度條來使用, 進度條 <progress> 標簽。
使用備注: 除非值域在0到1(閉區(qū)間), 否則最小值和最大值屬性需要定義,以保證value屬性在值域范圍內(nèi)。換言之,默認的min和max值分別為0和1。
<meter> 是 HTML5 的新標簽。
屬性 | 值 | 描述 |
---|---|---|
formHTML5 | form_id | 指定 <meter> 元素所屬的一個或多個表單。 |
highHTML5 | number | 規(guī)定被界定為高的值的范圍。 |
lowHTML5 | number | 規(guī)定被界定為低的值的范圍。 |
maxHTML5 | number | 規(guī)定范圍的最大值。 |
minHTML5 | number | 規(guī)定范圍的最小值。 |
optimumHTML5 | number | 規(guī)定度量的最優(yōu)值。 |
valueHTML5 | number | 必需。規(guī)定度量的當(dāng)前值。 |
<meter> 標簽支持全局屬性,查看完整屬性表 HTML全局屬性。
<meter> 標簽支持所有 HTML事件屬性。