La propiedad de lista Tel de entrada en HTML DOM se utiliza para devolver una referencia al elemento de lista que contiene un campo Tel de entrada .
Sintaxis:
telObject.list.id
Valor devuelto: Devuelve un valor de string que representa el valor del atributo id del elemento datalist .
Ejemplo: debajo del código HTML utilizado para devolver la propiedad de la lista de tel de entrada .
HTML
<!DOCTYPE html>
<html>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2> DOM Input Tel list property </h2>
<legend>
Phone Number:
<input type="tel" id="mytel"
list="telephone_list"
value="6753682635" autofocus>
</legend>
<datalist id="telephone_list">
<option value="87688965" />
<option value="998347589" />
<option value="99384339" />
<option value="837494493" />
<option value="8474748437" />
</datalist><br><br>
<button onclick="btnclick()">
Click Here!
</button>
<p id="paraID" style="font-size:20px"></p>
<script>
function btnclick() {
var x = document.getElementById("mytel").list.id;
document.getElementById("paraID").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