Share Tự động hoàn tất nhập liệu với thư viện jQuery Flexdatalist

filiallion

Administrator
Staff member
Administrator
Messages
276
Points
10
Language
Tiếng Việt
Khi các bạn nhập liệu thì việc có các công cụ hỗ trợ nhập liệu nhanh chóng như autocomplete sẽ giúp cho các bạn cảm thấy thoải mái và công việc trở nên nhanh hơn nhiều. Hiện nay có khá nhiều thư viện JavaScript thực hiện chức năng tự động hoàn tất nhập liệu và trong số đó tôi muốn giới thiệu với các bạn thư viện jQuery Flexdatalist được viết dựa trên nền tảng jQuery. Thư viện jQuery Flexdatalist cung cấp cho các bạn nhiều tuỳ chọn khác nhau giúp các bạn có nhiều lựa chọn để tích hợp vào website.

Việc sử dụng thư viện jQuery Flexdatalist rất đơn giản, trước tiên các bạn cần tích hợp thư viện jQuery vào website và sau đó tích hợp thư viện jQuery Flexdatalist. Các bạn truy cập địa chỉ https://github.com/sergiodlopes/jquery-flexdatalist để tải thư viện jQuery Flexdatalist.

Các bạn tích hợp thư viện jQuery Flexdatalist vào website với nội dung mã lệnh như sau:
HTML:
<link href="path/to/jquery.flexdatalist.min.css" rel="stylesheet">
<script src="path/to/jquery.flexdatalist.min.js"></script>
Cài đặt thư viện jQuery Flexdatalist với nội dung mã lệnh như sau:
JavaScript:
$(function() {
    $('.jquery-flexdatalist').flexdatalist();
});
Sau đó, các bạn có thể áp dụng chức năng tự động hoàn tất nhập liệu cho các thành phần như ví dụ sau:
HTML:
<input type="text" class="jquery-flexdatalist">
Hoặc các bạn không cần phải cài đặt mã lệnh JavaScript như trên mà có thể sử dụng thư viện như sau:
HTML:
<input type="text" class="flexdatalist">
Các bạn có thể tìm hiểu thêm về thư viện jQuery Flexdatalist tại địa chỉ http://projects.sergiodinislopes.pt/flexdatalist.
 
Top