Bước 1 : Thêm HTML

Bước 2 : Thêm CSS.

Tạo kiểu cho phần tử đầu vào và danh sách:  Tham khảo code dưới đây 

Bước 3 : Thêm Javascript

Note:

• textContent trả về một chuỗi ký tự chứa nội dung của tất cả các nút văn bản bên trong phần tử hiện tại
• toUpperCase chuyển đổi một chuỗi có chứa các kí tự in thường thành một chuỗi in hoa. Ở đây nếu bạn muốn thực hiện tìm kiếm phân biệt chữ hoa chữ thường thì có thể xóa toUpperCase 

Kết quả : 

- Danh sách trước khi nhập tìm kiếm: 

- Danh sách sau khi nhập tìm kiếm: 

Nguồn : Devmaster Academy