Τι είναι το στοιχείο <datalist> στο HTML5;

Το στοιχείο <datalist> στο HTML5 χρησιμοποιείται για τη δημιουργία μιας λίστας προεπιλεγμένων επιλογών που ο χρήστης μπορεί να επιλέξει κατά την εισαγωγή σε ένα συσχετισμένο πεδίο <input>. Αυτό βελτιώνει την εμπειρία του χρήστη, επιτρέποντας την εμφάνιση προτάσεων και αυτόματης συμπλήρωσης.

Παράδειγμα χρήσης:

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

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