La propiedad de lista de búsqueda de entrada en HTML DOM se usa para devolver una referencia al elemento de lista que contiene un campo de búsqueda de entrada.
Sintaxis
searchObject.list.id
Valor devuelto : Devuelve un valor de string que representa el valor del atributo id del elemento de la lista de datos.
Ejemplo: debajo del código HTML utilizado para devolver la propiedad de la lista de búsqueda de entrada .
HTML
<!DOCTYPE html>
<html>
<head>
<title> HTML DOM Input search list property </title>
</head>
<body style="text-align:center">
<h1 style="color:green">
GeeksforGeeks
</h1>
<h2>DOM Input search list property</h2>
<label>Search anything: </label>
<input type="search" list="Hello Geeks"
id="search_id" value="GeeksforGeeks">
<datalist id="Hello Geeks">
<option value="Google" />
<option value="amazon" />
<option value="flipkart" />
<option value="Twitter" />
<option value="Facebook" />
</datalist><br><br>
<button onclick="btnclick()">Click Here!</button>
<p id="paraID" style="font-size:20px"></p>
<!-- script to access search field -->
<script>
function btnclick() {
var txt = document.getElementById("search_id").list.id;
document.getElementById("paraID").innerHTML = txt;
}
</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