HTML <optgroup> टैग आपके सेलेक्ट लिस्ट में संबंधित विकल्पों को समूहित करने के लिए उपयोग किया जाता है। यह उपयोगकर्ताओं को बड़ी लिस्ट देखते समय अपने विकल्पों को समझने में आसान बनाता है।
निम्न एट्रिब्यूट्स हैं:
| एट्रिब्यूट | मान | विवरण |
|---|---|---|
| disabled | disabled | इनपुट कंट्रोल डिसेबल करता है। उपयोगकर्ता से बदलाव स्वीकार नहीं करता। फोकस प्राप्त नहीं कर सकता और टैबिंग में छोड़ दिया जाता है। |
| label | Text | <optgroup> उपयोग करते समय लेबल परिभाषित करता है |
उदाहरण
HTML में ऑप्शन ग्रुप बनाने का कोड:
<!DOCTYPE html>
<html>
<head>
<title>HTML optgroup Tag</title>
</head>
<body>
<select>
<optgroup label="India">
<option value="mumbai">Mumbai</option>
<option value="delhi">Delhi</option>
</optgroup>
<optgroup label="USA">
<option value="florida">Florida</option>
<option value="newyork">New York</option>
</optgroup>
</select>
</body>
</html>
<optgroup> को नेस्ट नहीं किया जा सकता। label एट्रिब्यूट अनिवार्य है। विकल्पों को तार्किक समूहों में व्यवस्थित करने के लिए उपयोगी (देश/राज्य, श्रेणी/उपश्रेणी)।