Đã giải quyết: datalist html

Vấn đề chính liên quan đến HTML yếu tố là nó không được hỗ trợ bởi tất cả các trình duyệt. Hiện tại, chỉ có Chrome, Firefox và Edge hỗ trợ yếu tố. Ngoài ra, một số trình duyệt di động cũng không hỗ trợ phần tử này. Điều này có nghĩa là người dùng trên các trình duyệt không được hỗ trợ sẽ không thể sử dụng chức năng của một nhà cung cấp dữ liệu.

<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Internet Explorer">
  <option value="Opera">
  <option value="Safari">
</datalist>

1. Mã này tạo một phần tử HTML được gọi là datalist, được sử dụng để tạo danh sách các tùy chọn cho trường nhập liệu.
2. Datalist có thuộc tính id là “browsers”.
3. Bên trong datalist, có năm phần tử tùy chọn, mỗi phần tử có thuộc tính giá trị chứa tên của trình duyệt web (Chrome, Firefox, Internet Explorer, Opera và Safari).
4. Các giá trị này sẽ được sử dụng làm đề xuất khi người dùng nhập vào trường đầu vào được liên kết với bộ dữ liệu này.

thẻ datalist là gì

HTML thẻ được sử dụng để cung cấp tính năng “tự động hoàn tất” trên phần tử. Nó cung cấp một danh sách các tùy chọn được xác định trước để gợi ý cho người dùng khi họ nhập. Phần tử datalist được sử dụng để cung cấp tính năng “tự động hoàn thành” trên phần tử. Nó cung cấp một danh sách các tùy chọn được xác định trước để gợi ý cho người dùng khi họ nhập. Khi được sử dụng, nó chỉ định một danh sách các tùy chọn được xác định trước cho một yếu tố. Trình duyệt chỉ hiển thị những tùy chọn có liên quan đến những gì người dùng đã nhập cho đến nay trong trường nhập liệu.

Sự khác biệt giữa Datalist và thả xuống là gì

Datalist là một phần tử HTML cung cấp một danh sách các tùy chọn để người dùng lựa chọn. Nó tương tự như menu thả xuống, nhưng điểm khác biệt chính là nó cho phép người dùng nhập các giá trị của riêng họ. Người dùng có thể nhập vào trường đầu vào và nhà dữ liệu sẽ cung cấp các đề xuất dựa trên những gì họ đã nhập. Mặt khác, menu thả xuống chỉ cho phép người dùng chọn từ các tùy chọn được xác định trước. Ngoài ra, với một datalist, người dùng có thể nhập bất kỳ giá trị nào họ muốn ngay cả khi giá trị đó không được liệt kê dưới dạng tùy chọn.

Cách sử dụng datalist ở dạng HTML

HTML phần tử được sử dụng để cung cấp tính năng “tự động hoàn thành” trên phần tử. Nó được sử dụng để cung cấp danh sách các tùy chọn được xác định trước cho người dùng khi họ nhập dữ liệu.

Để sử dụng phần tử datalist, trước tiên bạn cần tạo một biểu mẫu HTML với một phần tử và cung cấp cho nó một thuộc tính id. Sau đó, bạn có thể thêm một phần tử datalist bên trong biểu mẫu và đặt thuộc tính danh sách của nó bằng id của trường đầu vào. Bên trong datalist, bạn có thể thêm một hoặc nhiều

Ví dụ:


bài viết liên quan:

Để lại một bình luận