¿Cómo establecer el valor mínimo y máximo del rango en HTML5?

En este articulo. vamos a establecer el valor mínimo y máximo del rango en HTML5 usando el atributo min y max en el elemento <meter>

Enfoque: Esto se puede implementar usando los atributos min y max:

  • min: este atributo se utiliza para especificar el límite inferior del indicador. El valor del atributo min siempre es menor que el atributo max. Tiene un valor por defecto que es 0.
  • max: este atributo se utiliza para especificar el límite superior del indicador. El valor del atributo máximo debe ser mayor que el atributo mínimo. Tiene un valor predeterminado que es 1.

Sintaxis:

<meter min="number" max="number">

Ejemplo:

HTML

<!DOCTYPE html>
<html>
  
<body style="text-align:center;">
    <h1>GeeksforGeeks</h1>
  
    <h2>
        How to set the minimum and 
        maximum<br>value of the range 
        in HTML5?
    </h2> 
      
    Sachin's score:
    <meter value="5" min="0"
        max="10" high="6">
        5 out of 10
    </meter>
  
    <br>Laxma sxore:
    <meter value="0.5" max="1.0" 
        min="0" high="0.6">
        50% from 100%
    </meter>
</body>
  
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por hritikbhatnagar2182 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *