¿Cómo establecer el rango que se considera un valor más bajo y más alto en HTML5?

En este artículo, aprenderemos a establecer el valor que se conocería como valor bajo y alto del rango. Esto se hace usando el atributo bajo y alto . El atributo alto siempre es menor que el valor del atributo máximo pero mayor que el atributo mínimo y el valor del atributo bajo. De manera similar, el atributo bajo siempre es mayor que el atributo mínimo pero menor que el valor del atributo máximo y alto. El elemento del medidor mostrará el valor en un color diferente si no está dentro del rango bajo y alto.

Sintaxis:

<meter low="number" high="number">

Ejemplo:

HTML

<!DOCTYPE html>
<html>
  <body>
    <h1 style="color: green">
        GeeksforGeeks
    </h1>
    <h3>
      How to set the range that is 
      considered to be a lowest and 
      highest value
      in HTML5?
    </h3>
  
    <p>When the value is inside low and high</p>
  
    <meter value="5" min="0" 
           max="10" low="2" high="8">
    </meter>
  
    <p>When the value is below low</p>
  
    <meter value="1" min="0" max="10"
           low="2" high="8">
    </meter>
  
    <p>When the value is over high</p>
  
    <meter value="9" min="0" max="10"
           low="2" high="8">
    </meter>
  </body>
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por Vijay Sirra 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 *