SELECT - OPTION
select - option
Danh sách 01
Danh sách 02
Danh sách 03
Danh sách 04
select - option với thuộc tính name
Danh sách 01
Danh sách 02
Danh sách 03
Danh sách 04
select - option với thuộc tính disabled
Danh sách 01
Danh sách 02
Danh sách
03
Danh sách 04
Xác định danh sách thả xuống không hiển thị.
select - option với thuộc tính multiple
Danh sách 01
Danh sách 02
Danh sách 03
Danh sách 04
Hiển thị nhiều tùy chọn.
select - option với thuộc tính size
Danh sách 01
Danh sách 02
Danh sách 03
Danh sách 04
Xác định số tùy chọn có thể thấy trong danh sách lựa chọn.
option với thuộc tính disabled
Danh sách 01
Danh
sách 02
Danh sách 03
Danh sách 04
Xác định danh sách thả xuống không hiển thị.
option với thuộc tính label
Danh sách 01
Danh sách 02
Danh sách 03
Danh sách 04
Xác định nhãn cho tùy chon.
option với thuộc tính selected
Danh sách 01
Danh sách 02
Danh sách 03
Danh sách 04
Xác định một tùy chọn được chọn mặc định.
option với thuộc tính value
Danh sách 01
Danh sách 02
Danh sách 03
Danh sách 04
Xác định giá trị của tùy chọn [sẽ được gửi tới server khi submit].
Select trong HTML là một thẻ danh sách xuống đi với nó là option. Bài viết này bạn sẽ được tìm hiểu về thẻ select và cách sử dụng ở trong Form HTML. Ví dụ:Chọn xe máy:
Jupiter
Wave
Exciter
Suzuki
Với ví dụ trên bạn sẽ thấy dạng danh sách bắt đầu bằng và kết thúc bằng . Bên trong nó có hàng loạt các thẻ .
- Thẻ select với các thuộc tính
- Thẻ option với các thuộc tính
Thẻ select với các thuộc tính
1. Thuộc tính disabled sẽ tắt đi các lựa chọn.
2. Thuộc tính multiple hiển thị nhiều tùy chọn cùng lúc
3. Thuộc tính size lựa chọn số option sẽ được hiển thị
Thẻ option với các thuộc tính
1. disabled tương tự như với select ở phía trên sẽ tắt lựa chọn đi.
2. Thuộc tính label cho option xác định nhãn cho tùy chọn.
3. Thuộc tính selected cho option xác định tùy chọn được chọn mặc định
4. Thuộc tính value trong option sẽ xác định giá trị gửi tới server sau khi ấn nút submit
Tổng kết lại các thuộc tính đã nêu ở trên
Trình duyệt hỗ trợ
Được hỗ trợ bởi nhiều trình duyệt khác nhau như Google Chrome, Firefox, Opera, Safari, IE, Android…
Kết thúc bài học về select và option trong HTML bạn đã hiểu được cách sử dụng chưa nào? Chắc chắn khi xây dựng website bạn sẽ cần sử dụng tới 2 thẻ tag này đấy. Vì thế đừng quên đọc và lưu lại nhé.