Εκπαιδευτικός Οδηγός Σημειώσεων Ετικετών HTML <datalist>

  • Προηγούμενη σελίδα <data>
  • Επόμενη σελίδα <dd>

Ορισμός και χρήση

<datalist> Η ετικέτα στοιχείο <input>καθορίζει τη λίστα με τις προκαθορισμένες επιλογές.

<datalist> Η ετικέτα <input> Το στοιχείο αυτό παρέχει λειτουργία "Αυτόματη ολοκλήρωση"\. Ο χρήστης θα δει μια κατέβατη λίστα με προκαθορισμένες επιλογές κατά την εισαγωγή δεδομένων.

<datalist> Η αξία του στοιχείου id πρέπει να ισούται με <input> στο στοιχείο Αξία list（Αυτό θα τα συνδέσει όλα μαζί).

Δείτε επίσης:

Εγχειρίδιο HTML DOM:Οντότητα Datalist

Παράδειγμα

Λίστα δεδομένων με προκαθορισμένες επιλογές (συνδεδεμένη με το στοιχείο <input>):

<label for="browser">Επιλέξτε τον περιηγητή σας από τη λίστα:</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
  <option value="Edge">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

Προσπάθησε να το δοκιμάσεις

Γενικές ιδιότητες

<datalist> Η ετικέτα υποστηρίζει επίσης Γενικές ιδιότητες του HTML.

Ανάληψη του χαρακτηριστικού γεγονότων

<datalist> Η ετικέτα υποστηρίζει επίσης Ανάληψη του χαρακτηριστικού γεγονότων στο HTML.

Προεπιλεγμένες ρυθμίσεις CSS

Οι περισσότεροι περιηγητές θα χρησιμοποιήσουν τις παρακάτω προεπιλεγμένες τιμές <datalist> Στοιχείο:

datalist {
  display: none;
}

Υποστήριξη προγράμματος περιήγησης

Ο αριθμός στην τάβλη αναφέρει την έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως το στοιχείο.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
20.0 10.0 4.0 12.1 9.5
  • Προηγούμενη σελίδα <data>
  • Επόμενη σελίδα <dd>