Tag HTML <meter>

Definizione e uso

<meter> L'etichetta definisce il valore misurato all'interno di una gamma conosciuta o un valore frazionario. Anche conosciuto come indicatore (gauge).

ad esempio: l'uso del disco, la rilevanza dei risultati delle ricerche, ecc.

Attenzione:Non usare <meter> per rappresentare il progresso (ad esempio, la barra di avanzamento). Per la barra di avanzamento, usa Etichetta <progress>.

Suggerimento:Usa sempre Etichetta <label>per ottenere le migliori pratiche di accessibilità!

Vedi anche:

Manuale HTML DOM:Oggetto Meter

Esempio

Utilizzare l'elemento meter per visualizzare valori scalari dati all'interno di una gamma (indicatore):

<label for="disk_c">Utilizzo del disco C:</label>
<meter id="disk_c" value="2" min="0" max="10">Due decimi</meter><br>
<label for="disk_d">Utilizzo del disco D:</label>
<meter id="disk_d" value="0.6">60%</meter>

Prova personalmente

Attributo

Attributo Valore Descrizione
form ID modulo Stabilisce a quale modulo appartiene l'elemento <meter>.
high Numerico Stabilisce il valore alto della gamma.
basso Numerico Stabilisce il valore basso della gamma.
max Numerico Stabilisce il valore massimo della gamma.
min Numerico Stabilisce il valore minimo della gamma. Il valore predefinito è 0.
optimum Numerico Stabilisce il valore ottimale dell'indicatore.
value Numerico Obbligatorio. Stabilisce il valore corrente dell'indicatore.

Descrizione

L'elemento meter mostra uno dei valori possibili all'interno di una gamma.min e max L'attributo definisce i limiti di valore possibili della gamma, che possono essere rappresentati da numeri a virgola mobile. La visualizzazione dell'elemento meter può essere divisa in tre parti: troppo basso, troppo alto e ottimale.basso L'attributo ha impostato un valore, tutti i valori al di sotto di esso sono considerati troppo bassi;high L'attributo imposta un valore, tutti i valori superiori a questo vengono considerati troppo alti;optimum L'attributo specifica il valore ottimale.

Proprietà globali

<meter> Il tag supporta anche Proprietà globali di HTML.

Proprietà di evento

<meter> Il tag supporta anche Proprietà di evento in HTML.

Impostazioni CSS predefinite

Nessuno.

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente il tag per la prima volta.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 13.0 16.0 6.0 11.5