Επιλύθηκε: datalist html

Το κύριο πρόβλημα που σχετίζεται με την HTML στοιχείο είναι ότι δεν υποστηρίζεται από όλα τα προγράμματα περιήγησης. Προς το παρόν, μόνο οι Chrome, Firefox και Edge υποστηρίζουν το στοιχείο. Επιπλέον, ορισμένα προγράμματα περιήγησης για κινητά δεν υποστηρίζουν το στοιχείο. Αυτό σημαίνει ότι οι χρήστες σε μη υποστηριζόμενα προγράμματα περιήγησης δεν θα μπορούν να χρησιμοποιήσουν τη λειτουργικότητα μιας λίστας δεδομένων.

<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Internet Explorer">
  <option value="Opera">
  <option value="Safari">
</datalist>

1. Αυτός ο κώδικας δημιουργεί ένα στοιχείο HTML που ονομάζεται λίστα δεδομένων, το οποίο χρησιμοποιείται για τη δημιουργία μιας λίστας επιλογών για ένα πεδίο εισαγωγής.
2. Η λίστα δεδομένων έχει μια ιδιότητα id "προγράμματα περιήγησης".
3. Μέσα στη λίστα δεδομένων, υπάρχουν πέντε στοιχεία επιλογής, το καθένα με ένα χαρακτηριστικό τιμής που περιέχει το όνομα ενός προγράμματος περιήγησης ιστού (Chrome, Firefox, Internet Explorer, Opera και Safari).
4. Αυτές οι τιμές θα χρησιμοποιηθούν ως προτάσεις όταν ο χρήστης πληκτρολογεί στο πεδίο εισαγωγής που σχετίζεται με αυτήν τη λίστα δεδομένων.

Τι είναι μια ετικέτα λίστας δεδομένων

Το HTML Η ετικέτα χρησιμοποιείται για την παροχή μιας δυνατότητας "αυτόματη συμπλήρωση". στοιχεία. Παρέχει μια λίστα προκαθορισμένων επιλογών για να προτείνει στον χρήστη καθώς πληκτρολογεί. Το στοιχείο λίστας δεδομένων χρησιμοποιείται για την παροχή μιας δυνατότητας "αυτόματη συμπλήρωση". στοιχεία. Παρέχει μια λίστα προκαθορισμένων επιλογών για να προτείνει στον χρήστη καθώς πληκτρολογεί. Όταν χρησιμοποιείται, καθορίζει μια λίστα με προκαθορισμένες επιλογές για ένα στοιχείο. Το πρόγραμμα περιήγησης εμφανίζει μόνο εκείνες τις επιλογές που σχετίζονται με αυτό που έχει πληκτρολογήσει ο χρήστης μέχρι στιγμής στο πεδίο εισαγωγής.

Ποια είναι η διαφορά μεταξύ Datalist και αναπτυσσόμενου μενού

Μια λίστα δεδομένων είναι ένα στοιχείο HTML που παρέχει μια λίστα επιλογών για να επιλέξει ένας χρήστης. Είναι παρόμοιο με ένα αναπτυσσόμενο μενού, αλλά η κύρια διαφορά είναι ότι επιτρέπει στους χρήστες να εισάγουν τις δικές τους τιμές. Ο χρήστης μπορεί να πληκτρολογήσει στο πεδίο εισαγωγής και η λίστα δεδομένων θα παρέχει προτάσεις με βάση αυτό που έχει πληκτρολογήσει. Το αναπτυσσόμενο μενού, από την άλλη πλευρά, επιτρέπει στους χρήστες να επιλέξουν μόνο από προκαθορισμένες επιλογές. Επιπλέον, με μια λίστα δεδομένων, οι χρήστες μπορούν να πληκτρολογήσουν όποια τιμή θέλουν ακόμα κι αν δεν αναφέρεται ως επιλογή.

Πώς να χρησιμοποιήσετε τη λίστα δεδομένων σε μορφή HTML

Το HTML Το στοιχείο χρησιμοποιείται για την παροχή μιας δυνατότητας "αυτόματης συμπλήρωσης". στοιχεία. Χρησιμοποιείται για την παροχή μιας λίστας προκαθορισμένων επιλογών στον χρήστη καθώς εισάγει δεδομένα.

Για να χρησιμοποιήσετε το στοιχείο λίστας δεδομένων, πρέπει πρώτα να δημιουργήσετε μια φόρμα HTML με ένα στοιχείο και δώστε του ένα χαρακτηριστικό id. Στη συνέχεια, μπορείτε να προσθέσετε ένα στοιχείο λίστας δεδομένων μέσα στη φόρμα και να ορίσετε το χαρακτηριστικό της λίστας ίσο με το αναγνωριστικό του πεδίου εισαγωγής. Μέσα στη λίστα δεδομένων, μπορείτε να προσθέσετε ένα ή περισσότερα

Για παράδειγμα:


Σχετικές αναρτήσεις:

Αφήστε ένα σχόλιο