HTML multiple एट्रिब्यूट

परिचय

HTML multiple एट्रिब्यूट उपयोगकर्ता को एक से अधिक मान चुनने/दर्ज करने की अनुमति देता है। यह केवल <input> या <select> HTML एलिमेंट पर लागू होता है।

सिंटैक्स

<tagname multiple></tagname>

उदाहरण

<!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 {
    width: 300px;
    height: 150px;
    padding: 10px;
    font-size: 1rem;
    margin-top: 1rem;
  }
</style>
<body>
<h1>HTML multiple एट्रिब्यूट डेमो</h1>
<p>अपने पसंदीदा विषय चुनें (Ctrl/Cmd दबाकर एक से अधिक चुनें):</p>
<select multiple>
  <option>भौतिकी</option>
  <option>रसायन विज्ञान</option>
  <option>जीव विज्ञान</option>
  <option>गणित</option>
  <option>जर्मन भाषा</option>
</select>
</body>
</html>

आउटपुट

एक सूची बॉक्स दिखाई देगा जहां उपयोगकर्ता Ctrl (Windows/Linux) या Cmd (Mac) कुंजी दबाकर एक से अधिक विकल्प चुन सकता है।

एलिमेंट के अनुसार व्यवहार

एलिमेंट	multiple का प्रभाव
`<select multiple>`	एक से अधिक विकल्प चुनने की अनुमति देता है (सूची बॉक्स के रूप में प्रदर्शित होता है)
`<input type="email" multiple>`	कॉमा से अलग कई ईमेल पते दर्ज करने की अनुमति देता है
`<input type="file" multiple>`	एक से अधिक फाइलें चुनने की अनुमति देता है

महत्वपूर्ण बिंदु

यह एक बूलियन एट्रिब्यूट है
<select multiple> पर, size एट्रिब्यूट के साथ उपयोग करना बेहतर UX देता है
फॉर्म सबमिशन पर, चयनित मान एक ही नाम के साथ कई बार भेजे जाते हैं (PHP में name[] सिंटैक्स उपयोगी)
JavaScript से चयनित मान प्राप्त करना: select.selectedOptions या [...select.options].filter(o => o.selected).map(o => o.value)

फॉर्म सबमिशन उदाहरण

<form method="post">
  <select name="subjects[]" multiple>
    <option value="phy">भौतिकी</option>
    <option value="chem">रसायन</option>
  </select>
</form>

ब्राउज़र समर्थन

सभी ब्राउज़रों में पूर्ण समर्थन।