Hallo Sahabat Dumet School. Berjumpa kembali bersama saya di Website Kursus Web Design ,pada kesempatan kali ini saya akan membahas tentang cara membuat Input search menggunakan bootstrap dan javascript .Jadi saat kita ketikan keyword pada sebuah inputan maka akan memunculkan data sesuai yang diketikan, dan jangan lupa saya akan menggunakan template dari Bootstrap sahabat bisa langsung mengcopy link CDN disini  .

Langkah pertama persiapkan struktur HTML lalu ketikan script dibawah ini:

Langkah berikutnya saya menambahkan style CSS nya seperti berikut ini:

Langkah yang ketiga sahabat harus membuat file baru yang berisi script dari javascript dan saya save file menjadi search.js seperti script dibawah ini:

search.js

script diatas digunakan pada sebuah tag input yang tadi terdapat pada file HTML, jadi saat mengetikan sebuah keyword tertentu maka akan mencari data yang terdapat pada table dimana value nya terdapat pada setiap tag <td> ,

JIka sudah coba sahabat jalankan pada browser masing-masing ,apabila sudah benar maka akan seperti gambar dibawah ini :

Cara membuat input search dengan bootstrap dan javascript

Demikian artikel tentang cara membuat Input search menggunakan bootstrap dan javascript ,semoga bermanfaat dan selamat mencoba.

terima kasih.