La propiedad de lista de texto de entrada en HTML DOM se usa para devolver una referencia al elemento de lista de datos que contiene un campo de texto de entrada.
Sintaxis:
textObject.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 texto de entrada .
HTML
<!DOCTYPE html>
<html>
<head>
<title> HTML DOM Input Text list Property</title>
</head>
<body style="text-align:center">
<h1 style="color:green">
GeeksforGeeks
</h1>
<h2>DOM Input Text list property</h2>
<label><b>Your Cars Name:</b> </label>
<input type="text" list="cars" id="text_id" value="">
<datalist id="cars">
<option value="BMW" />
<option value="Bentley" />
<option value="Mercedes" />
<option value="Audi" />
<option value="Volkswagen" />
</datalist><br><br>
<button onclick="btnclick()">Click Here!</button>
<p id="paraID" style="font-size:20px"></p>
<!-- script to access text field -->
<script>
function btnclick() {
var txt = document.getElementById("text_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