Η ετικέτα optgroup

Η ετικέτα optgroup ομαδοποιεί τα στοιχεία option της αναπτυσσόμενης λίστας select.

Η ομαδοποίηση χρειάζεται για να δώσει έναν κοινό τίτλο σε μια συγκεκριμένη ομάδα στοιχείων της λίστας. Αυτός ο τίτλος ορίζεται στο χαρακτηριστικό label της ετικέτας optgroup.

Χαρακτηριστικά

Παράδειγμα

Ας ομαδοποιήσουμε χρησιμοποιώντας την ετικέτα optgroup τα στοιχεία της λίστας σε δύο ομάδες:

html<select>
  <optgroup label="Χώρα 1">
    <option>Πόλη 1</option>
    <option>Πόλη 2</option>
  </optgroup>
  <optgroup label="Χώρα 2">
    <option>Πόλη 3</option>
    <option>Πόλη 4</option>
  </optgroup>
</select>

Результат:

Δείτε επίσης