La propiedad de lista de correo electrónico de entrada en HTML DOM se usa para devolver una referencia al elemento de lista de datos que contiene un campo de correo electrónico de entrada .
Sintaxis:
emailObject.list.id
Valor devuelto: Devuelve un valor de string que representa el valor del atributo id del elemento de la lista de datos.
Ejemplo: a continuación se muestra el código HTML utilizado para devolver la propiedad de la lista de correo electrónico de entrada.
HTML
<!DOCTYPE html>
<html>
<head>
<title> HTML DOM Input Email list Property</title>
</head>
<body style="text-align:center;">
<h1 style="color:green">
GeeksforGeeks
</h1>
<h2>DOM Input Email list property</h2>
E-mail: <input type="email" id="email"
list="email_list" name="myGeeks"
value="careers@geeksforgeeks.org">
<datalist id="email_list">
<option value="GFG@gmail.com" />
<option value="manas@gmail.com" />
<option value="akku@gmail.com" />
<option value="akash@gmail.com" />
<option value="amar@gmail.com" />
</datalist><br>
<br><br>
<button onclick="btnclick()">
Click Here!
</button>
<p id="paraID" style="font-size:20px;color:green;"></p>
<!-- Script to return Input Email value Property -->
<script>
function btnclick() {
var em = document.getElementById("email").list.id;
document.getElementById("paraID").innerHTML = em;
}
</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