परिचय
HTML option value एट्रिब्यूट <option> HTML एलिमेंट के उस मान को परिभाषित करता है जिसे फॉर्म सबमिट होने पर सर्वर पर भेजा जाता है। यदि value एट्रिब्यूट निर्दिष्ट नहीं है, तो विकल्प का टेक्स्ट कंटेंट मान के रूप में भेजा जाता है।
सिंटैक्स
<option value="text"></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;
}
.btn {
background: #db133a;
border: none;
height: 2rem;
border-radius: 2px;
width: 40%;
display: block;
color: #fff;
outline: none;
cursor: pointer;
margin: 1rem auto;
}
form {
margin-top: 2rem;
}
</style>
<body>
<h1>HTML option value एट्रिब्यूट डेमो</h1>
<p>अपना पसंदीदा विषय चुनें:</p>
<form method="post" action="">
<select name="subject">
<option value="physics">भौतिकी</option>
<option value="chemistry">रसायन विज्ञान</option>
<option value="biology">जीव विज्ञान</option>
</select>
<input type="submit" value="सबमिट" class="btn">
</form>
</body>
</html>
आउटपुट
एक ड्रॉपडाउन सूची और सबमिट बटन दिखाई देगा। जब फॉर्म सबमिट किया जाता है, तो चयनित विकल्प का value (जैसे "physics") सर्वर पर भेजा जाता है, न कि प्रदर्शित टेक्स्ट ("भौतिकी")।
महत्वपूर्ण बिंदु
valueएट्रिब्यूट वैकल्पिक है - यदि अनुपस्थित है, तो विकल्प का टेक्स्ट मान के रूप में उपयोग होता है- सर्वर-साइड प्रोसेसिंग के लिए छोटे, मशीन-पठनीय मानों का उपयोग करें (जैसे: "phy", "chem", "bio")
- प्रदर्शित टेक्स्ट उपयोगकर्ता के लिए पठनीय होना चाहिए
<select>केnameएट्रिब्यूट के साथ फॉर्म डेटा में कुंजी के रूप में उपयोग होता है
value के बिना उदाहरण
<select name="color"> <option>लाल</option> <!-- मान "लाल" भेजा जाएगा --> <option value="g">हरा</option> <!-- मान "g" भेजा जाएगा --> <option>नीला</option> <!-- मान "नीला" भेजा जाएगा --> </select>
ब्राउज़र समर्थन
सभी ब्राउज़रों में पूर्ण समर्थन।
