La propiedad de autocompletar tiempo de entrada en HTML DOM se usa para establecer o devolver el valor del atributo de autocompletar de un campo de tiempo de entrada. El atributo de autocompletar se usa para especificar si el atributo de autocompletar tiene un valor «activado» o «desactivado». Cuando el atributo de autocompletar está activado, el navegador completará automáticamente los valores en función de los que el usuario ingresó anteriormente.
Sintaxis:
- Devuelve la propiedad de autocompletar tiempo de entrada.
timeObject.autocomplete
- Se utiliza para establecer la propiedad de autocompletar tiempo de entrada.
timeObject.autocomplete = "on|off"
Valores de propiedad: contiene dos valores que se enumeran a continuación:
- on: Es el valor por defecto. Completa automáticamente los valores.
- off: Define que el usuario debe llenar los valores del campo de entrada de la URL. No completa automáticamente los valores.
Valor devuelto: Devuelve un valor de string que representa el estado de autocompletar.
Ejemplo-1: Este ejemplo ilustra cómo devolver la propiedad de autocompletar Tiempo de entrada.
<!DOCTYPE html>
<html>
<head>
<title>
DOM Input Time autocomplete Property
</title>
</head>
<body>
<center>
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>
DOM Input Time autocomplete 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:"
autocomplete="on">
<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").autocomplete;
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:
Ejemplo 2: Este ejemplo ilustra cómo configurar la propiedad de autocompletar Tiempo de entrada.
<!DOCTYPE html>
<html>
<head>
<title>
DOM Input Time autocomplete Property
</title>
</head>
<body>
<center>
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>
DOM Input Time autocomplete 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"
autocomplete="on">
<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").autocomplete="off";
document.getElementById("GFG").innerHTML
= "The value was changed to " + 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: los navegadores compatibles con la propiedad de autocompletar DOM Input Time se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- safari de manzana
- Ópera
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA