CSS Untuk Memformat Tampilan Form


1. CSS Pada Elemen Form

       Agar form terlihat lebih indah menarik serta mudah dalam pengontrolan desain salah satunya 
memberikan style CSS. Dibawah ini adalah style yang bisa diberikan pada elemen form diantaranya pengaturan besar dan jenis border, warna border, lebar form, batas form dari sisi layout, dan warna background dari form. Sebenarnya masih banyak style lain yang bisa diberikan ke form.

 Berikut contoh css pada form secara External :

 ExtCSSOnForm1.html

CSSOnFomr1.css

Hasilnya seperti berikut : 

ExtCSSOnForm2.html

CSSOnForm2.css

Hasilnya seperti berikut :
ExtCSSOnForm3.html

CSSOnForm3.css

Hasilnya seperti berikut :

2. CSS Pada Button
      Button merupakan tombol yang dapat diklik. Pada tombol, baik submit, reset maupun button, style CSS dapat digunakan untuk menimbulkan efek pipih (flat) pada tombol. 
Berikut ini adalah contoh penggunaan CSS pada Button :

ExtCSSOnButton.html

CSSOnButton.css

Hasilnya seperti berikut :
CSS Pada Button Hover :

 ExtCSSOnbuttonHover.html

CSSOnButton.css

Hasilnya seperti berikut :
3. CSS Pada Radio Button
     Radio button merupakan bagian dari elemen input form. Saat ingin memberikan style pada radio button dapat menggunakan selector input.selector. 
Contoh berikut adalah style CSS pada input yang bertipe pilihan radiobutton :

 ExtCSSOnRadiobutton.html

CSSOnRadiobutton.css

CSSOnRadiobutton.css

Hasilnya seperti berikut :



Ok .. kalian bisa mencoba untuk membuat sekreatif mungkin.

berikut contoh penggunaan css pada tabel yang saya buat :

 Source code : 

 Quiz11.html

Hasilnya seperti berikut :

Mungkin sekian dulu dari saya , hanya itu yang dapat saya bagikan mohon maaf apabila ada kesalahan, 

terimakasih dan selamat mencoba... :)