Sử Dụng Select, Option - Code Lean

Có thể bạn quan tâm

Bài đăng nổi bật

Học Ngành Gì KHÔNG THẤT NGHIỆP

Đặng Kim Thi13:22 Trang chủCSS Sử dụng select, option Van Tran 21:46 0 Nhận xét

Thẻ <select> được sử dụng chung với thẻ <option> để tạo một danh sách drop-down hoặc list, cho phép chọn một hoặc nhiều hạng mục từ một danh sách có sẵn. Chúng ta cùng phân biệt giữa một số điều khiển:

checkbox: lựa chọn nhiều hạng mục từ một danh sách
radio: lựa chọn một hạng mục từ một danh sách. Hiển thị toàn bộ danh sách cho người dùng thấy ngay từ đầu. Sử dụng tốt trong trường hợp có ít lựa chọn.
drop-down: lựa chọn một hạng mục từ một danh sách. Chỉ hiển thị hạng mục hiện tại được chọn, còn lại các hạng mục khác đều bị ẩn. Toàn bộ danh sách chỉ hiển thị khi người dùng click chuột vào.
list: lựa chọn nhiều hạng mục từ một danh sách.

Ví dụ: Lựa chọn một thành phố từ drop-down: <selectname="city"> <optionvalue="HN">Hà Nội</option> <optionvalue="HP">Hải Phòng</option> <optionvalue="HU">Huế</option> <optionvalue="DN">Đà Nẵng</option> <optionvalue="SG">Sài Gòn</option> </select> Lựa chọn nhiều thành phố từ list: Lưu ý: Sử dụng thuộc tính multiple để cho phép chọn nhiều. <selectname="city"multiple> <optionvalue="HN">Hà Nội</option> <optionvalue="HP">Hải Phòng</option> <optionvalue="HU">Huế</option> <optionvalue="DN">Đà Nẵng</option> <optionvalue="SG">Sài Gòn</option> </select> Tags CSS HTML

You might like

Hiện thêm