Cách thêm tùy chọn (option) vào danh sách thả xuống (drop-down list) trong HTML

Để thêm tùy chọn vào danh sách thả xuống, dùng thẻ <option> trong HTML. Thẻ <option> dùng trong form để định nghĩa các tùy chọn trong danh sách thả xuống.

Thẻ <option> cũng hỗ trợ các thuộc tính bổ sung:

Thuộc tính	Giá trị	Mô tả
disabled	disabled	Vô hiệu hóa điều khiển input. Nút không chấp nhận thay đổi từ user. Cũng không nhận focus và bị bỏ qua khi tab.
label	text	Định nghĩa nhãn khi dùng <optgroup>
selected	selected	Định nghĩa tùy chọn mặc định được chọn khi tải trang
value	text	Chỉ định giá trị tùy chọn gửi lên server

Ví dụ

Bạn có thể chạy mã sau để triển khai phần tử <option> trong HTML:

<!DOCTYPE html>
<html>
  <head>
    <title>HTML option Tag</title>
  </head>
  <body>
    <form action="/cgi-bin/dropdown.cgi" method="post">
      <select name="dropdown">
        <option value="HTML" selected>HTML</option>
        <option value="Ruby">Ruby</option>
      </select>
      <input type="submit" value="Submit" />
    </form>
  </body>
</html>