La propiedad de autocompletar número de entrada en HTML DOM se usa para establecer o devolver el valor del atributo de autocompletar de un campo de número 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 Número de entrada.
numberObject.autocomplete
- Se utiliza para establecer la propiedad de autocompletar número de entrada.
numberObject.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 devuelve la propiedad de autocompletar número de entrada
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Input Number
autocomplete Property
</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>DOM Input Number autocomplete Property</h2>
<form id="myGeeks">
<input type="number" id="myNumber" step="5"
name="geeks" placeholder="multiples of 5"
autocomplete="on">
</form>
<br><br>
<button onclick="myFunction()">
Click Here!
</button>
<p id="demo" style="font-size:23px;color:green;"></p>
<script>
function myFunction() {
// Accessing input value
var x =
document.getElementById("myNumber").autocomplete;
document.getElementById("demo").innerHTML = x;
}
</script>
</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 establece la propiedad de autocompletar número de entrada.
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Input Number
autocomplete Property
</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>DOM Input Number autocomplete Property</h2>
<form id="myGeeks">
<input type="number" id="myNumber" step="5"
name="geeks" placeholder="multiples of 5"
autocomplete="on">
</form>
<br><br>
<button onclick="myFunction()">
Click Here!
</button>
<p id="demo" style="font-size:23px;color:green;"></p>
<script>
function myFunction() {
// Accessing input value
var x = document.getElementById(
"myNumber").autocomplete ="off";
document.getElementById("demo").innerHTML
="The value was changed to " + x;
}
</script>
</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 número de entrada HTML DOM 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