परिचय
HTML selected एट्रिब्यूट यह परिभाषित करता है कि एक <option> एलिमेंट पेज लोड होने पर पहले से चुना हुआ होना चाहिए। यह एक बूलियन एट्रिब्यूट है।
सिंटैक्स
<option selected></option>
उदाहरण
<!DOCTYPE html>
<html>
<style>
body {
color: #000;
height: 100vh;
background-color: #8BC6EC;
background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
text-align: center;
font-family: Arial, sans-serif;
padding: 20px;
}
select {
padding: 8px;
font-size: 1rem;
margin-top: 1rem;
}
</style>
<body>
<h1>HTML selected एट्रिब्यूट डेमो</h1>
<p>अपना पसंदीदा विषय चुनें:</p>
<select>
<option value="Physics">भौतिकी</option>
<option value="Chemistry">रसायन विज्ञान</option>
<option value="Biology" selected>जीव विज्ञान</option>
</select>
</body>
</html>
आउटपुट
ड्रॉपडाउन सूची में "जीव विज्ञान" विकल्प डिफ़ॉल्ट रूप से चुना हुआ दिखाई देगा।
महत्वपूर्ण बिंदु
- यह एक बूलियन एट्रिब्यूट है - केवल उपस्थिति ही इसे सक्रिय करती है
- एक
<select>में केवल एक<option>परselectedहोना चाहिए (जब तकmultipleएट्रिब्यूट न हो) multipleके साथ, कई विकल्पों परselectedहो सकता है- JavaScript से एक्सेस:
option.selected(बूलियन लौटाता है) - डायनामिकली बदलने के लिए:
option.selected = true/false
उपयोग के मामले
- डिफ़ॉल्ट विकल्प सेट करना (जैसे: देश सूची में उपयोगकर्ता का देश)
- फॉर्म में पहले से भरे मान दिखाना
- "कृपया चुनें" प्लेसहोल्डर विकल्प के लिए (value="" के साथ)
ब्राउज़र समर्थन
सभी ब्राउज़रों में पूर्ण समर्थन।
