Η ετικέτα select

Η ετικέτα select δημιουργεί μια αναπτυσσόμενη λίστα για χρήση σε HTML φόρμες.

Ένα μεμονωμένο στοιχείο λίστας πρέπει να αποθηκεύεται σε ετικέτα option.

Ιδιότητες

Ιδιότητα	Περιγραφή
multiple	Η παρουσία αυτής της ιδιότητας δημιουργεί πολλαπλή επιλογή - μια αναπτυσσόμενη λίστα στην οποία μπορείτε να επιλέξετε πολλά στοιχεία, κρατώντας πατημένο το πλήκτρο Ctrl ή επιλέγοντάς τα με το ποντίκι. Προαιρετική ιδιότητα.
name	Το όνομα της αναπτυσσόμενης λίστας. Απαιτείται για να ανακτήσετε τα δεδομένα του πεδίου εισαγωγής σε PHP. Για τη σωστή λειτουργία της φόρμας, τα ονόματα των πεδίων εισαγωγής δεν πρέπει να συμπίπτουν μεταξύ τους (στην ίδια φόρμα). Εάν συμπίπτουν - στο PHP θα ληφθούν τα δεδομένα από το πεδίο εισαγωγής που βρίσκεται πιο κάτω στον κώδικα HTML.

Παράδειγμα

Ας δούμε πώς λειτουργεί μια αναπτυσσόμενη λίστα:

:

Παράδειγμα

Ας κάνουμε το πλάτος της αναπτυσσόμενης λίστας ίσο με το πλάτος του μεγαλύτερου στοιχείου (εάν δεν έχει καθοριστεί ρητά με την ιδιότητα CSS width):

:

Παράδειγμα . Προεπιλεγμένη επιλογή

Και τώρα ας προσπαθήσουμε να επιλέξουμε μια πόλη από προεπιλογή. Ας το κάνουμε αυτό χρησιμοποιώντας την ιδιότητα selected:

:

Παράδειγμα . Πολλαπλή επιλογή

Ας μετατρέψουμε τώρα μια κανονική λίστα επιλογών σε πολλαπλή επιλογή με την ιδιότητα multiple:

:

Παρατηρήστε ότι το όνομα της λίστας επιλογών, που ορίζεται στην ιδιότητα name, πρέπει να είναι με αγκύλες στο τέλος. Αυτό απαιτείται για να έρχονται όλες οι επιλεγμένες τιμές στο PHP (διαφορετικά θα ληφθεί μόνο μία - η τελευταία).

Παράδειγμα . Πολλές προεπιλεγμένες τιμές σε πολλαπλή επιλογή

Και τώρα, στην πολλαπλή επιλογή από προεπιλογή, ας προσπαθήσουμε να επιλέξουμε περισσότερες από μία τιμές:

:

Δείτε επίσης