css-logoHallo teman-teman, Ketemu lagi dengan saya nih, apa kabar nya teman-teman semua ? semoga sehat selalu yah, amin. Supaya bisa belajar dan terus semngat belajar.

Baiklah, pada kesempatan yang baik ini saya akan berbagi artikel lag mengenai cara membuat form pencarian menjadi responsive, pasti teman-teman sudah tau responsive itu seperti apa, karena pada zaman sekarang ini banyak sekali orang yang membuat website respnsive, nah biasanya membuat website responsive itu orang menggunakan yang namanya bootstrap namun kali ini saya akan membuat tampilan form responsive menggunakan CSS3, teman-teman penasaran gimana cara membuat nya ? yuk kita lagsung saja praktik.Seperti biasa silahkan teman-teman buka text editor nya masing-masing kemudian ketikan script seperti berikut ini:

htm

kalo sudah, selanjutnya kita akan membuat form ini menjadi responsive, coba ketikan lagi script CSS berikut ini diantara tag head pada HTML:

1

Sudah teman-teman ? kalo sudah jangan lupa disimpan, kemudian coba buka hasilnya dibrowsernya masing-masing dan lihat hasil nya, untuk melihat responsive atau tidaknya coba pada browser nya di minimize dan kalo form nya menyesuaikan ukuran browser berarti form responsive yang kita buat berhasil.

Keren yah teman-teman. Baiklah cukup sampai disini pertemuan kita kali ini, semoga artikel ini bisa bermanfaat, amin. Sampai ketemu lagi dilain kesempatan 🙂