HTML-Datenlisten-Tag
Das <datalist>-Tag gibt eine vordefinierte Liste von Optionen für ein <input>-Element an.
Das <datalist>-Tag wird verwendet, um eine „Autocomplete“-Funktionalität für <input>-Elemente bereitzustellen, Benutzern wird eine Dropdown-Liste mit Optionen angezeigt, bevor sie Daten eingeben.
Verwenden Sie das list-Attribut des <input>-Tags in Kombination mit dem id-Attribut des <datalist>-Tags für die Bindung.
Verwendung des <datalist> .-Tags
Beispiel : Verwenden Sie das <datalist>-Tag, um eine Voroptionsliste für das Eingabe-Tag zu erstellen.
<!DOCTYPE html> <html> <head> <title>Học lập trình miễn phí tại web888.vn</title> <meta charset="utf-8"> </head> <body> <h1>Học lập trình miễn phí tại web888.vn</h1> <form action="/action_page.php" method="get"> <input list="browsers" name="browser"> <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist> <input type="submit"> </form> </body> </html>Attribut von <datalist> .tag
Das <datalist>-Tag wird mit allen globalen Attributen in HTML bereitgestellt.
Bài viết liên quan:
Dịch vụ thiết kế Wesbite
