Tag HTML <meter>
Definicja i użycie
<meter>
Etiqueta definiuje skalne wartości w已知nym zakresie lub wartości ułamkowe. Jest również nazywana miernikiem (gauge).
np. stan użycia dysku, relevancja wyników wyszukiwania itp.
Uwaga:Nie używaj <meter>
do reprezentowania postępu (np. paska postępu). Dla paska postępu użyj Etiqueta <progress>.
Wskazówka:Zawsze używaj Etiquetadla najlepszych praktyk dostępności!
Zobacz również:
Podręcznik HTML DOM:Obiekt Meter
Przykład
Wyświetl wartości skalne w określonym zakresie za pomocą elementu meter (miernika):
<label for="disk_c">Stan użycia dysku C:</label> <meter id="disk_c" value="2" min="0" max="10">Dwie dziesiąte</meter><br> <label for="disk_d">Stan użycia dysku D:</label> <meter id="disk_d" value="0.6">60%</meter>
Atrybut
Atrybut | Wartość | Opis |
---|---|---|
form | Identyfikator formularza | Określa, do którego formularza należy element <meter>. |
high | Numer | Określa wysoką wartość zakresu. |
niski | Numer | Określa niską wartość zakresu. |
maks | Numer | Określa maksymalną wartość zakresu. |
min | Numer | Określa minimalną wartość zakresu. Domyślna wartość to 0. |
optimum | Numer | Określa najlepszą wartość przyrządu. |
value | Numer | Wymagane. Określa bieżącą wartość przyrządu. |
Opis
Element meter wyświetla jedną z możliwych wartości w określonym zakresie.min i maks Ustawienie określa granice zakresu możliwych wartości, które mogą być wyrażone jako liczby zmiennoprzecinkowe. Wyświetlenie elementu meter można podzielić na trzy części: zbyt niski, zbyt wysoki i optymalny.niski Ustawienie wartości określa, że wszystkie wartości poniżej tej są uważane za zbyt niskie;high Atrybut ustawia wartość, powyżej której wszystkie inne wartości są uważane za zbyt wysokie;optimum Atrybut określa wartość optymalną.
Globalne atrybuty
<meter>
Tag obsługuje również Globalne atrybuty w HTML.
Atrybuty wydarzeń
<meter>
Tag obsługuje również Atrybuty wydarzeń w HTML.
Domyślne ustawienia CSS
Brak
Obsługa przeglądarek
Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje ten tag.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
8.0 | 13.0 | 16.0 | 6.0 | 11.5 |