HTML - Select in Hindi

First Page

दोस्तों इस chapter में हम HTML select tag के बारे में जानेंगे तो चलिए शुरू करते है, HTML में select tag हमको drop down लिस्ट provide करता है एक selection list को परिभाषित करने के लिए html में <select> tag का उपयोग किया जाता है, select tag को body tag के अंदर डिफाइन किया जाता है

जैसा की आप जानते है drop down select box हमें एक और प्रकार का control provide करता है, इसमें सभी options एक single line text box के list की तरह दिखाई देते हैं। दोस्तों इस control में user उस option को select कर सकता है, जिसे वह select करना चाहता है।

Attributes

autofocus − यह Attribute डिज़ाइन करता है कि drop down सूची स्वतः page लोड होने पर केंद्रित होनी चाहिए

disabled − यह Attribute ड्रॉप-डाउन सूची को disabled करता है

multiple − इस list में से एक से अधिक विकल्प का चयन किया जा सकता है

name − यह Attribute ड्रॉप-डाउन सूची के लिए नाम निर्दिष्ट करता है

एक ड्राप down select box को <select> tag द्वारा create किया जा सकता है, और इसमें दिखाई देने वाले सभी options को <option> tag में लिखा जाता है. Control के use करने के तरीके को हम निम्नलिखित Example द्वारा समझ सकते हैं −

Example

<!DOCTYPE html>
<html>
<body>
Choose Fruits:
<select>
  <option value=>Apple</option>
  <option value=>Apricots</option>
  <option value=>Avocado</option>
  <option value=>Banana</option>
  <option value=>Cantaloupe</option>
  <option value=>Clementine</option>
</select>
</body>
</html>

Result

Choose Fruits:

HTML <option> Tag

दोस्तों <option> tag एक select list में एक विकल्प को परिभाषित करता है. और <option> elements को <select> या <datalist> element के अंदर रखा जाता हैं।

Example

<!DOCTYPE html>
<html>
<body>

<select>
  <option value="volvo">Verna</option>
  <option value="saab">Honda City</option>
  <option value="opel">Skoda Rapid</option>
  <option value="audi">Mercedes-Benz</option>
</select>
  
</body>
</html>

Result

First Page