Làm thế nào để tạo ra một danh sách thả xuống trong HTML

Cách đơn giản nhất danh sách thả xuống trong HTML rất dễ dàng để tạo ra bằng cách sử dụng thẻ chọn. thẻ chứa này, các thẻ tùy chọn nhúng trong nó - chính họ là người thiết lập danh sách các mục.

Có một số tùy chọn danh sách, có thể được thực hiện bằng cách chọn thẻ: danh sách thả xuống (các tùy chọn rơi sau khi nhấp vào lĩnh vực chính hoặc di chuột qua nó), và một danh sách nhiều lựa chọn - trong đó người dùng có thể chọn nhiều mục. Đầu tiên là phổ biến hơn, họ là một yếu tố quan trọng của các trang web chuyển hướng hiện đại. Danh sách thả xuống nhiều lựa chọn có thể được sử dụng, ví dụ, trong các thư mục mà bạn muốn chọn một vài đặc điểm của hàng hoá.

Thay đổi hình thức và tính chất của danh sách, bạn có thể sử dụng thuộc tính phổ quát và đặc biệt.

chọn thẻ thuộc tính

1. Nhiều - xác định nhiều sự lựa chọn.

2. Kích - xác định số dòng có thể nhìn thấy trong danh sách, đó là chiều cao. Và sau đó tất cả phụ thuộc vào, nhiều thuộc tính là hiện tại hay không. Nếu như vậy, và bạn không chỉ định kích thước giường, sau đó trong sự hiện diện của nhiều người sử dụng sẽ thấy tất cả các lựa chọn của bạn, nhưng nếu nhiều là mất tích, được chứng minh là chỉ có một dòng, và người dùng khác sẽ có thể đọc, khi click vào biểu tượng của thang máy ở bên phải. Nếu chiều cao của kích thước nhất định, và nó là ít hơn so với số lượng tùy chọn trên di chuyển sang phải thanh xuất hiện.

3. Tên - tên. Danh sách thả xuống có thể được thực hiện mà không có nó, nhưng nó có thể là cần thiết để tương tác với các chương trình xử lý trên máy chủ. Như một quy luật, tên này vẫn chỉ định.

Chọn thẻ không có thuộc tính bắt buộc như trái ngược với các thẻ tùy chọn.

Thuộc tính thẻ tùy chọn kèm theo

1. Chọn - được thiết kế để làm nổi bật một mục danh sách. Người dùng có thể phân bổ nhiều hơn một mục, nếu bạn thiết lập nhiều thuộc tính (xem. Trên).
2. Giá trị - giá trị. Thuộc tính này là bắt buộc. Các máy chủ web cần phải hiểu chính xác những gì mục danh sách người dùng đã chọn.
3. Label. Trên danh sách rất dài các yếu tố có thể giảm sử dụng thuộc tính này. Ví dụ, màn hình sẽ hiển thị "Milan", thay vì thẻ tùy chọn "Milan - trung tâm hành chính của Lombardy. Bắc Italia. " Thuộc tính này cũng được sử dụng để nhóm các mục trong danh sách.

Đối với chiều rộng của danh sách, nó mặc định là độ dài của văn bản rộng nhất trong danh sách. Tất nhiên, chiều rộng có thể được thay đổi bằng cách sử dụng kiểu HTML.

Danh sách thả xuống theo những cách khác

Nó có thể được thực hiện với CSS, ví dụ, danh sách sẽ xuất hiện khi bạn di chuột qua một mục trang. cơ hội tuyệt vời để tạo danh sách cho phép JavaScript, mà đơn giản hoá công tác thư viện jquery. Danh sách thả xuống mà được kết nối với thư viện này, có thể rất phức tạp, chẳng hạn như một thác. Đó là, khi bạn chọn một mục trong danh sách sẽ xuất hiện trong danh sách dưới đây, ví dụ, có "quần áo của phụ nữ" menu (khi bạn di chuột thả các loại quần áo), sau đó khi một trong những loài, ví dụ, "Tops" danh sách thả xuống với các yếu tố: Áo khoác, công viên, áo khoác, áo khoác và vân vân. n.

Chúng tôi đã liệt kê những cách hời hợt chính trong đó bạn có thể tạo một danh sách thả xuống. Tất nhiên, có rất nhiều sắc thái trong HTML, trong CSS và Javascript, cho phép bạn thay đổi các chức năng và sự xuất hiện của lần xem danh sách.