首頁 > web前端 > H5教程 > 主體

html5 meter標籤是什麼意思? html5 meter度量衡如何改變顏色詳解

寻∝梦
發布: 2018-08-17 13:41:36
原創
3909 人瀏覽過

html5 meter標籤是什麼意思? html5 meter度量衡如何改變顏色詳解.本篇文章主要給大家說的就是html5 meter標籤的定義和用法,還有關於html5 meter度量衡如何改變顏色的詳細介紹

html5 meter標籤的定義與用法:

標籤定義度量衡。僅用於已知最大值和最小值的度量。

例如:磁碟使用情況,查詢結果的相關性等。

注意: 不能當作一個進度列來使用, 進度條 標籤。

這有實例:

<meter min="0" max="20">5</meter>
<meter>2 out of 10</meter>
<meter>30%</meter>
登入後複製

什麼是meter元素:

meter元素表示規定範圍內的數量值。 meter元素有6個屬性!

1.value屬性:在元素中特地表示出來的實際值。此屬性值預設為0,可以為該屬性制定一個浮點小數值。

2.min屬性:指定規定範圍時允許實用的最小值,預設為0,設定此屬性時所設定的值不能小於0。

3.max屬性:指定規定的範圍時允許使用的最大值,如果設定時該屬性值小於min的值,那麼把min屬性的值視為最大值。 max屬性的預設值1。

4.low屬性:規定範圍的下限值,必須小於或等於high的值。

5.high屬性:規定範圍的上限值。如果該屬性值小於low屬性的值,那麼把low屬性的值視為high屬性的值,同樣如果該屬性的值大於max屬性的值,那麼把max屬性的值視為high的值。

6.optimum屬性:最佳值屬性值必須在min屬性值與max屬性值之間,可以大於high屬性值。

html5 meter度量衡如何改變顏色:

在meter中要想改變顏色,需要用到五個值,分別是:min(最小值)、max (最大值)、low、high、value和optimum,其中前四個值會把整個進度分成3區間,

綠色:當value和optimum值在一個區間時,它就會呈現出綠色。

黃色:當optimum在high和max之間的時候,value在low和high之間,它就會呈現出黃   色

         當optimum在low和high之間的時候,value值在min和low之間,在high和max   之間的時候就會呈現出黃色。

         當optimum在min和low之間的時候,value值在low和high之間會呈現出黃色。

紅色:當optimum在high和max之間的時候,value值在min和low之間時就會呈現出紅   色。

         當optimum在min和low之間的時候,value在high和max之間就會呈現出紅色。

         當optimum在綠色區域的時候,value也在綠色區域的時候,整個就會呈現出綠色

         當optimum在綠色區域的時候,value值在黃色區域的時候,整個就會呈現出黃色

         當optimum在綠色區域的時候,value值在紅色區域的時候,整個就會呈現出紅色

         當optimum在綠色區域的時候,valu值在中間綠色區域是為綠色

         當optimum在綠色區域的時候,value值在min和low之間和在high和max之間時都呈現出黃色

        當optimum在綠色區域的時候,value也在綠色區域的時候,整個就會呈現出綠色

          當optimum在綠色區域的時候,value值在黃色區域的時候,整個就會呈現出黃色

          當optimum在綠色區域的時候,value值在紅色區域的時候,整個就會呈現出紅色

HTML 4.01 與HTML 5 之間的差異:

# 標籤是HTML 5 中的新標籤。

【相關推薦】

HTML

標籤的具體用法是什麼?怎麼用fieldset設定邊框顏色?

HTML

以上是html5 meter標籤是什麼意思? html5 meter度量衡如何改變顏色詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板