Khái niệm

Tag <option> trong HTML được sử dụng để tạo danh sách các lựa chọn trong các phần tử như <select> và <datalist>. Tag này cho phép người dùng chọn một hoặc nhiều giá trị từ danh sách các lựa chọn.

Cách sử dụng

Cú pháp

<option value="giá_trị">nội_dung</option>

Trong đó:

• value là thuộc tính tùy chọn, dùng để xác định giá trị của lựa chọn. Giá trị này sẽ được gửi đến máy chủ khi người dùng chọn một lựa chọn.
• nội_dung là nội dung hiển thị của lựa chọn.

Ví dụ

<select>
  <option value="apple">Táo</option>
  <option value="banana">Chuối</option>
  <option value="orange"></option>
</select>

Kết quả

Trong ví dụ trên, chúng ta tạo một danh sách các lựa chọn với ba tùy chọn: “Táo”, “Chuối”, và “Cam”. Khi người dùng chọn một lựa chọn, giá trị tương ứng sẽ được gửi đến máy chủ.

Ngoài ra, tag <option> cũng hỗ trợ một số thuộc tính khác như selected (để chọn một lựa chọn mặc định), disabled (để vô hiệu hóa một lựa chọn), và label (để hiển thị một nhãn cho lựa chọn).