Membuat Effect Pada Tampilan Input Form Menggunakan jQuery

Hallo teman-teman apa kabar semuanya, mudah-mudahan sehat semuanya ya, amin. Pada tutorial kali ini saya ingin share ke kalian semua tutorial tentang bagaimana membuat effect pada tampilan form. Effect yang saya akan buat ini menggunakan bantuan jQuery dan berfokus pada huruf yang terdapat didalam tag input, jadi apabila kita akan mengetikkan sebuah kalimat maka kalimat yang kita bungkus dengan tag label akan naik tepat berada di tengah-tengah garis dari tag input tersebut. Baiklah dari pada kalian penasaran kita langsung praktekkan saja ya teman-teman.

Sebelum kita mulai teman-teman bisa lihat hasilnya dan melihat baris skrip keseluruhannya di SINI .

Pertama kalian bisa buat struktur HTML nya seperti dibawah ini :

Kemudian CSS nya seperti di bawah ini :

Lalu baris program jQuerynya kalian bisa ikuti seperti dibawah ini :

Sekian dulu tutorial dari saya kali ini, semoga tutorial ini bermanfaat untuk kalian semua. Terima Kasih.