Pemrograman Web - Form CSS

Assalamualaikum
Pada Artikel kali ini kita akan belajar mengenai pengaturan Form pada CSS. Sebelumnya kita sudah pernah belajar tentang Form pada Html disini : Pemrograman Web - Form

Sebetulnya, untuk memasukan Formnya itu sendiri kita memerlukan HTMl, CSS disini hanya kita gunakan untuk mengatur Tampilanya, jadi saya sarankan untuk membaca tentang Form di HTML dulu

Button

Dalam Button kita bisa menggunakan CSS untuk mengatur banyak hal, misalnya Warna Text, Warna Background, Margin, Font, Ukuran Font, dan lain lain.
Begini contohnya:




Kita juga bisa menggunakan Hover biar pas Mouse kita nyentuh Tombolnya, Tombol itu bisa berubah Warna (Ganti CSS). Begini contohnya:



Radio Button

Dalam Radio Button kita bisa menggunakan CSS untuk mengatur banyak hal, seperti pada Button biasa. Begini contohnya:




Contoh Lain


Selain Button dan Radio Button kita bisa menggunakan CSS pada komponen Form yang lain juga.
Begini contohnya:

- Contoh 1



  Kalau Textboxnya keliatan kegedean, lebih jelasnya bisa dilihat disini: Contoh Form


- Contoh 2





- Contoh 3







Terakhir, kita akan menggunakan pengetahuan serta Skill HTML dan CSS kita untuk membuat Halaman sebuah halaman. ini Halaman yang saya buat:




Untuk lebih Jelasnya bisa dilihat disini : Simple Form

Sekian saja untuk Artikel kali ini. mohon Maaf kesalahanya, terimakasih sudah membaca, Wassalamualaikum wr.wb


Komentar

Postingan populer dari blog ini

Analisis Web - Code Wars

Pemrograman Web - PBO dalam JavaScript

Pemrograman Web - JavaScript Loop & Fungsi