Bootstrap 5 Chọn
Chọn thực đơn
Menu chọn được sử dụng nếu bạn muốn cho phép người dùng chọn từ nhiều tùy chọn.
Để tạo kiểu cho menu chọn trong Bootstrap 5, hãy thêm lớp .form-select
vào phần tử <select>:
Ví dụ
<select class="form-select">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
Hãy tự mình thử »Chọn kích thước menu
Sử dụng lớp .form-select-lg
hoặc .form-select-sm
để thay đổi kích thước của menu chọn:
Ví dụ
<select class="form-select
form-select-lg">
<select class="form-select">
<select class="form-select
form-select-sm">
Hãy tự mình thử » Đã tắt Menu chọn
Sử dụng thuộc tính disabled
để tắt menu chọn:
Ví dụ
<select class="form-select" disabled>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
Hãy tự mình thử »Danh sách dữ liệu
Bootstrap cũng sẽ định kiểu danh sách dữ liệu, đây là danh sách các tùy chọn được xác định trước cho phần tử <input>:
Ví dụ
<label for="browser" class="form-label">Choose your browser from the
list:</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>
Hãy tự mình thử »