English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
El elemento <datalist> de HTML contiene un grupo de elementos <option>, que representan los valores seleccionables de otros controles de formulario; la etiqueta <datalist> es una etiqueta HTML5elemento, que define la lista de valores sugeridos de la etiqueta <input>. Estas sugerencias se mostrarán como una lista desplegable en el control de entrada y se filtrarán las opciones disponibles cuando el usuario ingrese datos en el control de entrada. Este marcador también se conoce como <datalist&
A continuación, se muestra un elemento <input>, en el <datalist> se describen sus valores posibles:
!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML5 el uso de la etiqueta <datalist>(Tutorial básico de la red oldtoolbag.com)</title> </head> <body> label for="tutorial_choice">Tutoriales: </label> input list="tutorial_types" name="tutorial_choice" id="tutorial_choice"> datalist id="tutorial_types"> <option value="HTML"> <option value="CSS"> <option value="SQL"> </datalist> </body> </html>prueba y observa ‹/›
En este HTML5En el ejemplo de documento, usamos la etiqueta <datalist> para crear una lista de valores sugeridos para la etiqueta <input>.3un valor (HTML, CSS y SQL), estas selecciones se mostrarán como una lista desplegable para que el usuario las seleccione.
La etiqueta <datalist> tiene el soporte básico de los siguientes navegadores:}
IEFirefoxOperaChromeSafari
El elemento <datalist> de HTML se encuentra dentro de la marca <body>. La marca <datalist> generalmente se encuentra dentro de la marca <form>.
La etiqueta <datalist> contiene un grupo de etiquetas <option>, que proporcionan valores posibles para la etiqueta <input> asociada.
La etiqueta <datalist> especifica la lista de opciones posibles para el elemento <input>.
La etiqueta <datalist> se utiliza para proporcionar la característica "autocompletar" para el elemento <input>. El usuario verá una lista desplegable con opciones predefinidas que se utilizarán como datos de entrada del usuario.
Utilice la propiedad list del elemento <input> para enlazar el elemento <datalist>.
La etiqueta <datalist> es HTML5 nuevas etiquetas.
Soporte de <datalist> etiqueta Atributos globales de HTML.
Soporte de <datalist> etiqueta Atributos de eventos de HTML.