بوت اسپرینگ 5 سلیکشن منو

ਚੋਣ ਮੇਨੂ

ਚੋਣ ਮੇਨੂ (ਇੱਕ ਚੋਣ ਕਰੋ):

ਬਹੁਵਚਨ ਮੇਨੂ (Ctrl ਜਾਂ Shift ਦਬਾਉਣ ਜਾਂ ਮਾਊਸ ਨਾਲ ਖੱਸਾ ਕਰਕੇ ਬਹੁਤ ਚੋਣਾਂ ਕਰ ਸਕਦੇ ਹੋ):

ਤੁਸੀਂ ਯੂਜ਼ਰਾਂ ਨੂੰ ਕਈ ਵਿਕਲਪਾਂ ਵਿਚੋਂ ਚੋਣ ਕਰਨ ਦੀ ਇਜਾਜਤ ਦੇਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਚੋਣ ਮੈਨੂ ਵਰਤੋਂ ਕਰੋ。

ਜੇਕਰ ਤੁਸੀਂ ਯੂਜ਼ਰਾਂ ਨੂੰ ਕਈ ਵਿਕਲਪਾਂ ਵਿਚੋਂ ਚੋਣ ਕਰਨ ਦੀ ਇਜਾਜਤ ਦੇਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਚੋਣ ਮੈਨੂ ਵਰਤੋਂ ਕਰੋ。 .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>

ਆਪਣੇ ਆਪ ਮੰਗਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਡੇਟਾ ਲਿਸਟ

Bootstrap ਇਸ ਲਈ ਵੀ ਸਟਾਈਲ ਸੈਟ ਕਰ ਸਕਦਾ ਹੈ, ਜੋ <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>

ਆਪਣੇ ਆਪ ਮੰਗਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ