बूस्ट्रैप 5 सेलेक्ट मेनू

चयन मेनू

चयन मेनू (एक विकल्प चुनें):

बहुचयन मेनू (कंट्रोल या शिफ्ट को धक्का दें या माउस से खींचें ताकि कई चयन किए जा सकें):

如果您希望允许用户从多个选项中进行选择，请使用选择菜单。

यदि आप उपयोगकर्ताओं को कई विकल्पों से चयन करने की अनुमति देना चाहते हैं, तो सिलेक्ट मेन्यू का उपयोग करें। .form-select क्लास को <select> एलिमेंट में जोड़ें:

उदाहरण

<select class="form-select">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
</select>

अपने आप सामने परीक्षण करें

सिलेक्ट मेन्यू का आकार

कृपया इस्तेमाल करें .form-select-lg या .form-select-sm क्लास को चुनकर सिलेक्ट मेन्यू का आकार बदलें:

उदाहरण

<select class="form-select form-select-lg">
<select class="form-select">
<select class="form-select form-select-sm">

अपने आप सामने परीक्षण करें

सिलेक्ट मेन्यू निष्क्रिय

कृपया इस्तेमाल करें disabled सिलेक्ट मेन्यू निष्क्रिय करने के लिए गुण

उदाहरण

<select class="form-select" disabled>
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
</select>

अपने आप सामने परीक्षण करें

डेटा लिस्ट

बूटस्ट्रैप दातावारी सूची के शैली को भी सेट कर सकता है, जो <input> एलिमेंट की पूर्व-परिभाषित विकल्प सूची है:

कृपया अपना ब्राउज़र चुनें:

उदाहरण

<label for="browser" class="form-label">कृपया अपना ब्राउज़र चुनें:</label>
<input class="form-control" list="browsers" name="browser" id="browser">
<datalist id="browsers">
  <option value="Edge">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

अपने आप सामने परीक्षण करें