Skip to main content

HTML ListBox là gì?

Trong ngôn ngữ đánh dấu siêu văn bản (HTML), ListBox là một loại thành phần giao diện người dùng đồ họa tương tác (GUI).Nó xuất hiện trên một trang web dưới dạng một hộp trong trang chứa một tập hợp các tùy chọn văn bản dọc có thể được người dùng chọn.Mục đích của việc sử dụng HTML ListBox là trình bày cho người dùng một số tùy chọn mà họ có thể chọn, sau đó phản ứng với lựa chọn.Có nhiều tùy chọn có sẵn để tùy chỉnh một hộp danh sách, đặc biệt là thông qua việc sử dụng các bảng kiểu xếp tầng (CSS).Có một sự khác biệt trực quan và chức năng giữa HTML ListBox và một thành phần GUI khác được gọi là ComboBox, mặc dù chúng được xác định theo cùng một cách tương tự. Trong một tài liệu, một danh sách HTML được xác định bằng cách sử dụng thẻ chọn.Thẻ này bắt đầu hộp danh sách và có thể được sử dụng để xác định một số tùy chọn.Một trong những thuộc tính quan trọng nhất của thẻ chọn là tên của ListBox, cung cấp cho các phần khác của tài liệu HTML khả năng truy cập trực tiếp các giá trị của ListBox.Một tùy chọn quan trọng khác có thể được đặt là nhiều thuộc tính, có thể cho phép người dùng chọn đồng thời nhiều mục từ danh sách thay vì chỉ một lần.HTML ListBox được xác định bằng thẻ tùy chọn.Thẻ tùy chọn bao quanh văn bản thực tế sẽ được hiển thị trong HTML ListBox.Giống như thẻ chọn, nó cũng có một số thuộc tính quan trọng.Thuộc tính có giá trị của thẻ tùy chọn là khả năng xác định giá trị trả về cho tùy chọn đã chọn được gửi đến tập lệnh truy vấn thay vì văn bản mà người dùng nhìn thấy.Điều này có nghĩa là người dùng có thể nhìn thấy từ màu đỏ, nhưng HTML ListBox có thể trả về giá trị thập lục phân của màu đỏ thay vì từ thực tế. Bên cạnh các tùy chọn, hộp danh sách HTML có thể chứa một phần tử trực quan khác được gọi là OPTgroup.OPTgroup là một tiêu đề được sử dụng để tách biệt trực quan các tùy chọn khác nhau bên trong ListBox.Khi người dùng nhìn vào một hộp danh sách có chứa các thẻ optgroup, anh ta hoặc cô ta sẽ thấy một tiêu đề táo bạo trong hộp, theo đó các tùy chọn liên quan sẽ được thụt vào một chút và không đậm.Trên một trang web, nó sẽ không thực sự làm bất cứ điều gì khi người dùng chọn một tùy chọn trừ khi có mã hỗ trợ để làm như vậy.Điều này có thể được thực hiện với JavaScript Bằng cách truy cập hộp danh sách thông qua mô hình đối tượng tài liệu (DOM) hoặc nó có thể được thực hiện với các tập lệnh hoặc applet khác.Là một phần tử tương tác, một hộp sách tạo ra các sự kiện của người dùng như MouseOver, có thể được ghi trong trình duyệt.