Thẻ HTML <option>
Thí dụ
Một danh sách thả xuống với bốn tùy chọn:
<label for="cars">Choose a car:</label>
<select id="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thẻ <option>
xác định một tùy chọn trong danh sách được chọn.
<option>
các phần tử đi vào bên trong một phần tử <select> ,
<optgroup> hoặc <datalist> .
Lưu ý: Thẻ <option>
có thể được sử dụng mà không có bất kỳ thuộc tính nào, nhưng bạn thường cần thuộc tính value , thuộc tính này cho biết những gì được gửi đến máy chủ khi gửi biểu mẫu.
Mẹo: Nếu bạn có một danh sách dài các tùy chọn, bạn có thể nhóm các tùy chọn liên quan trong thẻ <optgroup> .
Hỗ trợ trình duyệt
Element | |||||
---|---|---|---|---|---|
<option> | Yes | Yes | Yes | Yes | Yes |
Thuộc tính
Attribute | Value | Description |
---|---|---|
disabled | disabled | Specifies that an option should be disabled |
label | text | Specifies a shorter label for an option |
selected | selected | Specifies that an option should be pre-selected when the page loads |
value | text | Specifies the value to be sent to a server |
Thuộc tính toàn cầu
Thẻ <option>
cũng hỗ trợ Thuộc tính chung trong HTML .
Thuộc tính sự kiện
Thẻ <option>
cũng hỗ trợ Thuộc tính sự kiện trong HTML .
Các ví dụ khác
Thí dụ
Sử dụng <option> trong phần tử <datalist>:
<label for="browser">Choose your browser from the list:</label>
<input 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>
Thí dụ
Sử dụng <option> trong các phần tử <optgroup>:
<label for="cars">Choose a car:</label>
<select id="cars">
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
Các trang liên quan
Tham chiếu DOM HTML: Đối tượng tùy chọn
Cài đặt CSS mặc định
Không có.