La propiedad de autocompletar Input Datetime en HTML DOM se usa para establecer o devolver el valor del atributo de autocompletar de un campo Input Datetime. 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 Input Datetime.
DatetimeObject.autocomplete
- Se utiliza para establecer la propiedad de autocompletar Input Datetime.
DatetimeObject.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 Input Datetime.
html
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Input Datetime autocomplete Property
</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2 style="font-family: Impact;">
Input Datetime autocomplete Property
</h2>
<br>
<input type="datetime" id="test_Datetime"
autocomplete="on">
<button ondblclick="My_Datetime()">
Check
</button>
<p id="test"></p>
<script>
function My_Datetime() {
// Return the Datetime autocomplete
// property value
var d = document.getElementById(
"test_Datetime").autocomplete;
document.getElementById("test").innerHTML = d;
}
</script>
</body>
</html>
- 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 de fecha y hora de entrada.
html
<!DOCTYPE html>
<html>
<head>
<title>
Input Datetime autocomplete Property in HTML
</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2 style="font-family: Impact;">
Input Datetime autocomplete Property
</h2>
<br>
<input type="datetime" id="test_Datetime"
autocomplete="on">
<button ondblclick="My_Datetime()">
Check
</button>
<p id="test"></p>
<script>
function My_Datetime() {
// set the Datetime autocomplete
// property Value.
var d =
document.getElementById(
"test_Datetime").autocomplete = "off";
document.getElementById("test").innerHTML
= "The value of the autocomplete "
+ "attribute was changed to " +d;
}
</script>
</body>
</html>
- 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 de fecha y hora de entrada HTML DOM se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Safari
- Ó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