La propiedad de la lista de números de entrada en HTML DOM se usa para devolver una referencia al elemento de la lista de datos que contiene un campo de número de entrada .
Sintaxis:
numberObject.list.id
Valor devuelto : Devuelve un valor de string que representa el valor del atributo id del elemento de la lista de datos.
Ejemplo: El siguiente código HTML se usa para devolver la propiedad de la lista de números de entrada .
HTML
<!DOCTYPE html>
<html>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2>DOM Input Number list property</h2>
<legend>Multiples of 5:
<input type="number" id="myNumber"
list="numbers" value="10">
</legend>
<datalist id="numbers">
<option value="15" />
<option value="20" />
<option value="40" />
<option value="30" />
<option value="35" />
</datalist><br><br>
<button onclick="myFunction()">
Click Here!
</button>
<p id="demo"></p>
<script>
function myFunction() {
// Accessing input value
var x = document.getElementById("myNumber").list.id;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome
- Borde
- Mozilla 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