La propiedad de lista de tiempo de entrada en HTML DOM se usa para devolver una referencia al elemento de lista que contiene un campo de tiempo de entrada.
Sintaxis:
timeObject.list.id
Valor de retorno: Devuelve un valor de string que representa el valor del atributo id del elemento datalist.
Ejemplo: El siguiente código HTML se usa para devolver la propiedad de la lista de tiempo de entrada.
HTML
<!DOCTYPE html> <html> <head> <title>DOM Input Time list Property</title> </head> <body> <center> <h1 style="color:green;"> GeeksForGeeks </h1> <h2>DOM Input Time list Property</h2> <label for="uname" style="color:green"> <b>Enter time</b> </label> <input type="time" id="gfg" list="time_list" placeholder="Enter time"> <datalist id="time_list"> <option value="09:55:32.55"> <option value="22:15:35"> <option value="16:00"> <option value="12:00"> <option value="11:00"> </datalist><br><br> <br> <button type="button" onclick="geeks()"> Click Here! </button> <p id="GFG" style="font-size:24px; color:green;"> </p> <script> function geeks() { var link = document.getElementById( "gfg").list.id; document.getElementById( "GFG").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