En este artículo, especificamos una lista de opciones predefinidas para los controles de entrada mediante el atributo de lista HTML.
Sintaxis:
<input list="datalist_id"/>
Ejemplo 1:
<!DOCTYPE html> <html> <head> <title> How to specify a list of pre-defined options for input controls? </title> </head> <body> <h1> GeeksForGeeks </h1> <h1 style="color:green"> How to specify a list of pre-defined options for input controls? </h1> <form action=""> <label>Your Cars Name: </label> <input list="cars"> <datalist id="cars"> <option value="BMW" /> <option value="Bentley" /> <option value="Mercedes" /> <option value="Audi" /> <option value="Volkswagen" /> </datalist> </form> </body> </html>
Producción:
Ejemplo 2:
<!doctype html> <html> <head> <title> How to specify a list of pre-defined options for input controls? </title> </head> <body> <h2> GeeksForGeeks </h2> <h2> How to specify a list of pre-defined options for input controls? </h2> <input list="Languages" /> <datalist id="Languages"> <option value="PHP"> <option value="ASP"> <option value="Python"> <option value="Ruby"> <option value="Java"> </datalist> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA