La propiedad de lista de URL de entrada en HTML DOM se usa para devolver una referencia al elemento de lista de datos que contiene un campo de URL de entrada .
Sintaxis:
urlObject.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 lista de URL de entrada.
HTML
<!DOCTYPE html>
<html>
<head>
<title>DOM Input URL list Property</title>
</head>
<body>
<center>
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2>DOM Input URL list Property </h2>
<label for="uname" style="color:green">
<b>Enter URL</b>
</label>
<input type="url" id="inputID" list="url_list"
placeholder="Enter URL">
<datalist id="url_list">
<option value="Google.com" />
<option value="amazon.com" />
<option value="flipkart.com" />
<option value="Twitter.com" />
<option value="Facebook.com" />
</datalist><br>
<br><br>
<button type="button" onclick="btnclick()">
Click Here!
</button>
<p id="paraID" style="color:green;font-size:20px;"> </p>
<script>
function btnclick() {
// Return the Input URL list property.
var link = document.getElementById("inputID").list.id;
document.getElementById("paraID").innerHTML = link;
}
</script>
</center>
</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