Etiqueta <meter> de HTML

Definición y uso

<meter> La etiqueta define el valor de medición escalador conocido en un rango o valor fraccional. También se conoce como instrumento (gauge).

Por ejemplo: el uso del disco, la relevancia de los resultados de la consulta, etc.

Nota:No debe utilizarse <meter> Etiquetas para representar el progreso (por ejemplo, barras de progreso). Para las barras de progreso, utilice Etiqueta <progress>.

Consejo:Siempre utilice Etiqueta <label>¡para obtener las mejores prácticas de accesibilidad!

Por favor, consulte también:

Manual de Referencia de HTML DOM:Objeto Meter

Ejemplo

Se utiliza el elemento meter para mostrar valores escalares dados en un rango (instrumento):

<label for="disk_c">Uso del disco C：</label>
<meter id="disk_c" value="2" min="0" max="10">Un veinticuatroavo</meter><br>
<label for="disk_d">Uso del disco D:</label>
<meter id="disk_d" value="0.6">60%</meter>

Prueba personalmente

Atributo

Atributo Valor Descripción
form Identificador de formulario Define a qué formulario pertenece el elemento <meter>.
high Número Define el valor alto del rango.
bajo Número Define el valor bajo del rango.
máximo Número Define el valor máximo del rango.
mínimo Número Define el valor mínimo del rango. El valor predeterminado es 0.
optimum Número Define el valor óptimo del instrumento.
value Número Obligatorio. Define el valor actual del instrumento.

Descripción

El elemento meter muestra uno de todos los valores posibles dentro de un rango.mínimo y máximo Los atributos establecen los límites del rango posible de valores, que se pueden representar con números de coma flotante. La visualización del elemento meter se puede dividir en tres partes: bajo, alto y óptimo.bajo La configuración de atributos establece un valor, y todos los valores debajo de él se consideran demasiado bajos;high El atributo establece un valor, todos los valores por encima de él se consideran demasiado altos;optimum El atributo especifica el valor óptimo.

Atributos globales

<meter> La etiqueta también admite Atributos globales de HTML.

Atributos de evento

<meter> La etiqueta también admite Atributos de evento en HTML.

Configuración CSS predeterminada

Ninguno.

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente la etiqueta por primera vez.

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