Etiqueta HTML <medidor>
Ejemplo
Use el elemento medidor para medir datos dentro de un rango determinado (un indicador):
<label for="disk_c">Disk usage C:</label>
<meter id="disk_c" value="2"
min="0" max="10">2 out of 10</meter><br>
<label for="disk_d">Disk
usage D:</label>
<meter id="disk_d" value="0.6">60%</meter>
Definición y uso
La <meter>
etiqueta define una medida escalar dentro de un rango conocido o un valor fraccionario. Esto también se conoce como calibre.
Ejemplos: uso del disco, la relevancia del resultado de una consulta, etc.
Nota: La <meter>
etiqueta no debe usarse para indicar el progreso (como en una barra de progreso). Para las barras de progreso, use la etiqueta <progress> .
Sugerencia: ¡ Agregue siempre la etiqueta <label> para conocer las mejores prácticas de accesibilidad!
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el elemento.
Element | |||||
---|---|---|---|---|---|
<meter> | 8.0 | 13.0 | 16.0 | 6.0 | 11.5 |
Atributos
Attribute | Value | Description |
---|---|---|
form | form_id | Specifies which form the <meter> element belongs to |
high | number | Specifies the range that is considered to be a high value |
low | number | Specifies the range that is considered to be a low value |
max | number | Specifies the maximum value of the range |
min | number | Specifies the minimum value of the range. Default value is 0 |
optimum | number | Specifies what value is the optimal value for the gauge |
value | number | Required. Specifies the current value of the gauge |
Atributos globales
La <meter>
etiqueta también es compatible con los atributos globales en HTML .
Atributos de eventos
La <meter>
etiqueta también es compatible con los atributos de eventos en HTML .
páginas relacionadas
Referencia de HTML DOM: objeto de medidor
Configuración predeterminada de CSS
Ninguna.