Làm thế nào để tạo danh sách thả xuống Các trường trong HTML5 - núm vú

Danh sách thả xuống dưới dạng trên trang web của bạn là một cách tuyệt vời để cung cấp cho người dùng nhiều tùy chọn với một không gian màn hình nhỏ. Bạn sử dụng hai thẻ HTML để tạo danh sách thả xuống:

• tạo danh sách.

  Sử dụng thuộc tính name với phần tử để đặt tên cho danh sách của bạn.

• Một tập hợp các phần tử xác định các tùy chọn danh sách cá nhân.

  Thuộc tính value gán một giá trị duy nhất cho mỗi phần tử.

Đây là một ví dụ đánh dấu cho một danh sách thả xuống:

Thức ăn ưa thích của bạn là gì?
Pizza Ice Cream Trứng Xanh và Hàm

Trình duyệt sẽ đánh dấu này vào danh sách thả xuống với ba mục, như thể hiện trong hình.

Bạn cũng có thể cho phép người dùng chọn nhiều mục từ danh sách thả xuống bằng cách thay đổi cài đặt mặc định của danh sách của bạn:

• Nếu bạn muốn người dùng của bạn có thể chọn nhiều hơn một lựa chọn (bằng cách giữ phím Ctrl [Windows] hoặc Command [Mac] trong khi nhấp vào các tùy chọn trong danh sách), thêm thuộc tính nhiều vào thẻ. Giá trị của nhiều là nhiều.

  Nếu bạn đưa ra một thuộc tính độc lập một giá trị, giá trị đó phải giống với tên cho thuộc tính đó (nghĩa là cả hai và nhiều = "nhiều" là hợp pháp).

• Theo mặc định, trình duyệt chỉ hiển thị một tùy chọn cho đến khi người dùng nhấp vào mũi tên trình đơn thả xuống để hiển thị phần còn lại của danh sách. Sử dụng thuộc tính size với thẻ để chỉ định bao nhiêu tùy chọn để hiển thị.

  Nếu bạn chỉ định ít hơn tổng số các tùy chọn, trình duyệt sẽ bao gồm một thanh cuộn với danh sách thả xuống.

Bạn có thể chỉ định rằng một trong các tùy chọn trong danh sách thả xuống đã được chọn khi trình duyệt tải trang, cũng như bạn có thể chỉ định một hộp kiểm hoặc nút radio được chọn. Chỉ cần thêm thuộc tính được chọn cho thẻ mà bạn muốn là mặc định. Sử dụng điều này khi một sự lựa chọn là rất có thể, biết rằng người dùng có thể ghi đè lựa chọn mặc định của bạn một cách nhanh chóng và dễ dàng.