La propiedad DOM Input Time defaultValue en HTML DOM se usa para establecer o devolver el valor predeterminado del campo de tiempo . Esta propiedad se utiliza para reflejar el atributo de valor HTML. La principal diferencia entre el valor predeterminado y el valor es que el valor predeterminado indica el valor predeterminado y el valor contiene el valor actual después de realizar algunos cambios.
Esta propiedad es útil para saber si el campo Hora ha sido modificado o no.
Sintaxis:
- Devuelve la propiedad defaultValue.
timeObject.defaultValue
- Se utiliza para establecer la propiedad defaultValue.
timeObject.defaultValue = value
Valores de propiedad: contiene un valor de valor de propiedad único que define el valor predeterminado para el campo Hora.
Valor devuelto: Devuelve un valor de string que representa el valor predeterminado del campo Hora.
Ejemplo-1: Este ejemplo ilustra cómo devolver la propiedad Input Time defaultValue.
html
<!DOCTYPE html>
<html>
<head>
<title>
DOM Input Time defaultValue Property
</title>
</head>
<body>
<center>
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>
DOM Input Time defaultValue Property
</h2>
<label for="uname"
style="color:green">
<b>Enter time</b>
</label>
<input type="time"
id="gfg"
name="Geek_time"
value="18:00"
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").defaultValue;
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.
html
<!DOCTYPE html>
<html>
<head>
<title>
DOM Input Time defaultValue Property
</title>
</head>
<body>
<center>
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>
DOM Input Time defaultValue Property
</h2>
<label for="uname"
style="color:green">
<b>Enter time</b>
</label>
<input type="time"
id="gfg"
name="Geek_time"
value="18:00"
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").defaultValue = "14:00";
document.getElementById(
"GFG").innerHTML =
"The defaultvalue was changed to "
+ link;
}
</script>
</center>
</body>
</html>
Salida:
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 defaultValue que se enumera 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