Thẻ <option> HTML

Định nghĩa và cách sử dụng

<option> thẻ định nghĩa các tùy chọn trong danh sách chọn.

<option> thẻ元素 nằm trong <select>、<optgroup> hoặc <datalist> trong phần tử.

Lưu ý:<option> Thẻ có thể được sử dụng mà không có thuộc tính nào, nhưng bạn thường cần thuộc tính value, nó chỉ ra nội dung được gửi lên máy chủ khi biểu mẫu được gửi.

Lưu ý:Nếu bạn có danh sách các tùy chọn dài, bạn có thể trong <optgroup> Nhóm các tùy chọn liên quan trong thẻ.

Xin xem thêm:

Tài liệu tham khảo HTML DOM:Đối tượng Option

thực例

ví dụ 1

danh sách的下拉列表包含四个选项：

<label for="cars">Vui lòng chọn thương hiệu ô tô:</label>
<select id="cars">
  <option value="audi">奥迪</option>
  <option value="byd">比亚迪</option>
  <option value="geely">吉利</option>
  <option value="volvo">沃尔沃</option>
</select>

Thử ngay

ví dụ 2

trong <datalist> được sử dụng trong <option>：

<label for="browser">Vui lòng chọn trình duyệt từ danh sách:</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ử ngay

ví dụ 3

trong <optgroup> được sử dụng trong <option>：

<label for="cars">Vui lòng chọn thương hiệu ô tô:</label>
<select id="cars">
  <optgroup label="中国车">
    <option value="byd">比亚迪</option>
    <option value="geely">吉利</option>
  </optgroup>
  <optgroup label="德国车">
    <option value="mercedes">奔驰</option>
    <option value="audi">奥迪</option>
  </optgroup>
</select>

Thử ngay

Thuộc tính

Thuộc tính Value Mô tả
disabled disabled Định nghĩa rằng tùy chọn nên bị vô hiệu hóa.
label Text Định nghĩa nhãn ngắn hơn cho tùy chọn.
selected selected Định nghĩa rằng một tùy chọn nên được chọn trước khi trang được tải.
value Text Định nghĩa giá trị cần gửi đến máy chủ.

Thuộc tính toàn cục

<option> Nhãn này còn hỗ trợ Thuộc tính toàn cục trong HTML.

Thuộc tính sự kiện

<option> Nhãn này còn hỗ trợ Thuộc tính sự kiện trong HTML.

Cài đặt CSS mặc định

Không có.

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ