Thẻ
Bây giờ chúng ta hãy xem một ví dụ để triển khai thẻ
Ví dụ
<!DOCTYPE html> <html> <body> <p>Favorite Subject</p> <form action="" method="get"> <input list="subject" name="subject"> <datalist id="subject"> <option value="Programming"> <option value="Networking"> <option value="Database"> <option value="Big Data"> <option value="Cloud"> <option value="Framework"> </datalist> <input type="submit"> </form> </body> </html>
Đầu ra
Bây giờ, giữ con trỏ chuột bên trong hộp nhập liệu. Các tùy chọn được xác định trước sau đây sẽ hiển thị ngay bây giờ -
Trong ví dụ trên, chúng tôi đã đặt các tùy chọn được xác định trước cho -
<datalist id="subject"> <option value="Programming"> <option value="Networking"> <option value="Database"> <option value="Big Data"> <option value="Cloud"> <option value="Framework"> </datalist>
Bây giờ, khi đặt con trỏ vào bên trong ở trên, các tùy chọn sau sẽ được hiển thị, chúng tôi đã xác định trước bằng cách sử dụng phần tử
Programming Networking Database Big Data Cloud Framework