Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Tạo danh sách có thể chọn (selectable list) trong HTML

Dùng thẻ <select> để tạo danh sách có thể chọn. Thẻ <select> dùng trong form để định nghĩa danh sách chọn.

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

Thuộc tính Giá trị Mô tả
autofocus autofocus Chỉ định khi tải trang dropdown tự động lấy focus
disabled disabled Vô hiệu hóa điều khiển input
form form_id Chỉ định một hoặc nhiều form
multiple multiple Khi đặt, cho phép chọn nhiều mục cùng lúc
name Name Gán tên cho điều khiển input
required required Yêu cầu user chọn giá trị trước khi submit
size Number Số mục hiển thị trong dropdown

Ví dụ

Bạn có thể chạy mã sau để tạo danh sách có thể chọn trong HTML:

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