Làm thế nào để Tạo một danh sách thả xuống cho HTML5 và CSS3 Web Based của bạn Các trang - núm vú

Danh sách thả xuống là một công cụ lựa chọn ưa thích của các nhà phát triển web HTML5 và CSS3. Danh sách thả xuống có một số yếu tố rất hữu ích làm cho nó trở thành một trang web khổng lồ phát triển đám đông:

• Tiết kiệm không gian màn hình. Chỉ có lựa chọn hiện tại đang hiển thị. Khi người dùng nhấp vào danh sách, một loạt các lựa chọn thả xuống và sau đó biến mất sau khi lựa chọn được thực hiện.

• Nó hạn chế đầu vào. Chỉ những điều người dùng có thể chọn là những thứ bạn đã đưa vào danh sách. Điều này làm cho việc xử lý các yếu tố đầu vào dễ dàng hơn rất nhiều vì bạn không phải lo lắng về lỗi đánh máy.

• Giá trị có thể khác với những gì người dùng nhìn thấy. Điều này có vẻ như là một lợi thế kỳ lạ, nhưng nó trở nên rất hữu ích đôi khi.

  

Mã cho danh sách thả xuống đơn giản sau:

basicSelect. html
Màu yêu thích của bạn là gì? Đỏ Xanh lục Xanh lục lam Xanh Đen Trắng

Vật thể này hơi khác một số nguyên tố đầu vào khác mà bạn đã quen, chẳng hạn như

• Nó được bao quanh bởi apair. Các thẻ này cho biết toàn bộ danh sách.

• Theobject có tính tương đương. Mặc dù đối tượng có nhiều thẻ khác bên trong, thường chỉ đối tượng chính nó có một thuộc tính.

• Nó có chứa hàng loạt. Mỗi lựa chọn cá nhân được đặt trong một bộ.

• EachTag có một giá trị gắn liền với nó. Giá trị được sử dụng theo mã. Giá trị không nhất thiết là những gì người dùng nhìn thấy.

• Nội dung giữa người dùng hiển thị. Nội dung là những gì người dùng thực sự nhìn thấy.

Chọn hộp không yêu cầu hành vi thả xuống. Nếu bạn muốn, bạn có thể chỉ định số hàng để hiển thị với thuộc tính. Trong trường hợp này, số hàng bạn chỉ định sẽ luôn hiển thị trên màn hình.