Các tùy chọn được cung cấp cho người dùng khi tồn tại nhiều giá trị của một phần tử duy nhất, từ đó người dùng có thể chọn một tùy chọn theo sở thích của họ. Nó tồn tại ở các dạng khác nhau, chẳng hạn như hộp kiểm, menu thả xuống và nút radio. Cụ thể hơn, menu thả xuống cung cấp danh sách các tùy chọn được xác định trước cho phép người dùng chọn một tùy chọn.
Hướng dẫn này sẽ giải thích quy trình sửa đổi màu của tùy chọn đã chọn. Đối với điều này, đầu tiên, chúng tôi sẽ tạo một menu thả xuống và tạo kiểu cho nó bằng cách sử dụng CSS và sau đó thay đổi màu tùy chọn đã chọn.
Bắt đầu nào!
Cách tạo Menu thả xuống bằng HTML & CSS?
Trong HTML, bạn có thể tạo menu thả xuống bằng cách sử dụng “ ',' ' và ' Các thẻ ”. Để hiểu rõ ràng hơn, hãy chuyển sang cú pháp của trình đơn thả xuống.
Cú pháp
Đây là cú pháp của trình đơn thả xuống:
< nhãn mác > Chữ nhãn mác > < lựa chọn > < quyền mua giá trị = '' > lựa chọn 1 quyền mua > < quyền mua giá trị = '' > Lựa chọn 2 quyền mua >
... < quyền mua giá trị = '' > optionN quyền mua > lựa chọn >
Hãy giải thích các thẻ HTML được sử dụng trong cú pháp trên:
: Nó được sử dụng để chỉ định tùy chọn rút gọn
Phần tử này cho phép người dùng chọn một mục từ danh sách.
Nó được sử dụng để cung cấp các tùy chọn cho menu thả xuống.
Ở đây chúng tôi trình bày một ví dụ thực tế để giải thích cú pháp trên.
Bước 1: Tạo Menu thả xuống
Đầu tiên, chúng ta sẽ tạo một
và thêm một tiêu đề bằng thẻ
. Để thêm một menu thả xuống bên trong nó, chúng tôi sẽ sử dụng một thẻ nhãn và thêm “ Chọn một quốc gia ”Như nhãn. Sau đó, chúng tôi sẽ sử dụng thẻ