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

Cách dùng danh sách thả xuống đơn giản (simple dropdown) trong form HTML?

Với HTML, bạn tạo danh sách thả xuống đơn giản để lấy đầu vào người dùng trong form. Hộp chọn (select box) cung cấp tùy chọn liệt kê các lựa chọn dạng danh sách thả xuống, nơi người dùng chọn một hoặc nhiều tùy chọn. Thẻ <select> tạo danh sách thả xuống, với thẻ <option>.

Thuộc tính của <select>:

STT Thuộc tính & Mô tả
1 Name
Đặt tên cho điều khiển, gửi lên server để nhận diện và lấy giá trị
2 Size
Dùng để hiển thị hộp cuộn (scrolling list box)
3 Multiple
Nếu đặt "multiple" thì cho phép chọn nhiều mục từ menu

Thuộc tính của <option>:

STT Thuộc tính & Mô tả
1 Value
Giá trị dùng nếu tùy chọn trong select box được chọn
2 Selected
Chỉ định tùy chọn này là giá trị được chọn ban đầu khi tải trang
3 Label
Cách thay thế để gán nhãn cho tùy chọn

Cách dùng danh sách thả xuống đơn giản (simple dropdown) trong form HTML?

Ví dụ

Chạy mã sau để tạo danh sách thả xuống đơn giản lấy đầu vào trong form HTML:

<!DOCTYPE html> <html>    <head>       <title>Select Box Control</title>    </head>    <body>       <p>Here's the list of subjects. Select any one:</p>       <form>          <select name="dropdown">              <option value="Computer Architecture" selected>Computer Architecture</option>              <option value="Java">Java</option>              <option value="Discrete Mathematics">Discrete Mathematics</option>          </select>       </form>    </body> </html>