Làm cách nào để sử dụng thuộc tính list trong HTML?

Trong HTML, chúng tôi sử dụng phần tử để chỉ định danh sách các tùy chọn được xác định trước. Danh sách này dành cho một phần tử đầu vào. Thuộc tính list tham chiếu đến phần tử này. HTML5 đã giới thiệu thuộc tính danh sách.

Thuộc tính list tham chiếu đến phần tử chứa các tùy chọn được xác định trước cho phần tử .

Ví dụ

Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách sử dụng thuộc tính list trong HTML.

<!DOCTYPE html>
<html>
   <head>
      <title>HTML list attribute</title>
   </head>
   <body>
      <p>Type the tool name:</p>
      <input list = "tools" name = ”tool” />
      <datalist id = "tools">
         <option value = "Image Editor">
         <option value = "Whiteboard">
         <option value = "Image Optimizer">
         <option value = "Document Viewer">
      </datalist>
   </body>
</html>