HTML <select> κείμενο

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

<select> Το στοιχείο χρησιμοποιείται για τη δημιουργία λίστας πτώσης.

<select> Το στοιχείο χρησιμοποιείται συχνά στις φόρμες για τη συλλογή δεδομένων χρήστη.

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

<select> Στο εσωτερικό του στοιχείου Ετικέτα <option> Ορίζει τις διαθέσιμες επιλογές στη λίστα πτώσης.

Χρειάζεται να χρησιμοποιήσετε την ιδιότητα id για να συνδέσετε τη λίστα πτώσης με την ετικέτα (label).

Σημείωση:Πάντα προσθέστε <label> ετικέτα Για να αποκτήσετε τις καλύτερες πρακτικές προσβασιμότητας!

Για περισσότερες πληροφορίες:

Εγχειρίδιο HTML DOM:Αντικείμενο Select

Εκμάθηση CSS:Ρύθμιση στυλ φόρμας

Παράδειγμα

Παράδειγμα 2

Δημιουργία μιας πτώσης λίστας που περιέχει τέσσερις επιλογές:

<label for="cars">Επιλέξτε μια εταιρεία αυτοκινήτων:</label>
<select name="cars" id="cars">
  <option value="audi">Αουディ</option>
  <option value="byd">Μπιάιντιάν</option>
  <option value="geely">Τζιλι</option>
  <option value="volvo">Βόλβο</option>
</select>

Δοκιμάστε προσωπικά

Παράδειγμα 1

Παράδειγμα 2 <select> Χρησιμοποιήστε μαζί με την ετικέτα <optgroup>:

<label for="cars">Επιλέξτε μια εταιρεία αυτοκινήτων:</label>
<select name="cars" id="cars">
  <optgroup label="Κινέζικα αυτοκίνητα">
    <option value="byd">Μπιάιντιάν</option>
    <option value="geely">Τζιλι</option>
  </optgroup>
  <optgroup label="Γερμανικά αυτοκίνητα">
    <option value="mercedes">Μερσεντές</option>
    <option value="audi">Αουディ</option>
  </optgroup>
</select>

Δοκιμάστε προσωπικά

Σύμβολο

Σύμβολο Τιμή Περιγραφή
autofocus autofocus Ορίζει ότι η λίστα πτώσης θα πρέπει να αποκτήσει αυτόματα το εστιασμό κατά την φόρτωση της σελίδας.
disabled disabled Ορίζει ότι η λίστα πτώσης θα πρέπει να είναι απενεργοποιημένη.
form Ταυτότητα φόρμας Ορίζει τη φόρμα στην οποία ανήκει η πτώση της λίστας.
multiple multiple Πρόσθετο μπορείτε να επιλέξετε πολλαπλές επιλογές ταυτόχρονα.
name Όνομα Ορίζει το όνομα της λίστα ανασκόπησης.
required required Ορίζει ότι ο χρήστης πρέπει να επιλέξει μια τιμή πριν από την υποβολή της φόρμας.
μέγεθος Αριθμός Ορίζει τον αριθμό των ορατών επιλογών στη λίστα ανασκόπησης.

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

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

Ιδιότητες Ενεργειών

<select> Η ετικέτα υποστηρίζει επίσης Προσαρμοσμένες Ιδιότητες Ενεργειών στο HTML.

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

Χωρίς.

Υποστήριξη Browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη