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