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>

Spróbuj sam

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