HTML | Propiedad deshabilitada de tiempo de entrada de DOM

La propiedad DOM Input Time disabled en HTML DOM se usa para establecer o devolver si el Input Time Field debe estar deshabilitado o no . Un campo de contraseña deshabilitado no se puede hacer clic ni se puede usar. Es un atributo booleano y se usa para reflejar el atributo HTML deshabilitado. Por lo general, se representa en color gris de forma predeterminada en todos los navegadores.

Sintaxis:

  • Devuelve la propiedad deshabilitada.
    timeObject.disabled
  • Se utiliza para establecer la propiedad deshabilitada.
    timeObject.disabled = true|false

Valores de propiedad:

  • true: Define que el campo Hora de Entrada esté deshabilitado.
  • Falso: Tiene un valor por defecto. Define que el Campo de Tiempo de Entrada no está deshabilitado.

Valor de Retorno: Devuelve un valor booleano que representa que el Campo de Tiempo de Entrada está deshabilitado o no.

Ejemplo-1: Este ejemplo ilustra cómo devolver la propiedad.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        DOM Input Time disabled Property
    </title>
</head>
  
<body>
    <center>
        <h1 style="color:green;"> 
                GeeksForGeeks 
            </h1>
  
        <h2>
          DOM Input Time disabled Property
      </h2>
  
        <label for="uname"
               style="color:green">
            <b>Enter time</b>
        </label>
  
        <input type="time" 
               id="gfg" 
               name="Geek_time" 
               placeholder="Enter time"
               step="5" 
               min="16:00" 
               max="22:00"
               disabled>
  
        <br>
        <br>
  
        <button type="button" 
                onclick="geeks()">
            Click
        </button>
  
        <p id="GFG"
           style="font-size:24px;
                  color:green'">
      </p>
  
        <script>
            function geeks() {
                
                var link = 
                   document.getElementById(
                     "gfg").disabled;
                
                document.getElementById(
                  "GFG").innerHTML = link;
            }
        </script>
    </center>
</body>
  
</html>

Salida:
antes de hacer clic en el botón:

Después de hacer clic en el botón:

Ejemplo-2: Este ejemplo ilustra cómo establecer la propiedad.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        DOM Input Time disabled Property
    </title>
</head>
  
<body>
    <center>
        <h1 style="color:green;"> 
                GeeksForGeeks 
            </h1>
  
        <h2>
          DOM Input Time disabled Property
      </h2>
  
        <label for="uname" 
               style="color:green">
            <b>Enter time</b>
        </label>
  
        <input type="time" 
               id="gfg" 
               name="Geek_time" 
               placeholder="Enter time" 
               step="5" 
               min="16:00" 
               max="22:00" 
               disabled>
  
        <br>
        <br>
  
        <button type="button" 
                onclick="geeks()">
            Click
        </button>
  
        <p id="GFG" 
           style="font-size:24px;
                  color:green'">
      </p>
  
        <script>
            function geeks() {
                
                var link = 
                    document.getElementById(
                      "gfg").disabled = false;
                
                document.getElementById(
                  "GFG").innerHTML = link;
            }
        </script>
    </center>
</body>
  
</html>

Producción:

Antes de hacer clic en el botón:

Después de hacer clic en el botón:

Navegadores compatibles: el navegador compatible con la propiedad DOM input Time disabled enumerada a continuación:

  • Google Chrome
  • Internet Explorer 10.0 +
  • Firefox
  • Ópera
  • Safari

Publicación traducida automáticamente

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