1)
Cascading style sheet 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
Form
{ border:1px solid #666666;
width
: 480; /*lebar form*/
margin-left:0; /*jarak dari batas kiri
layout*/
background-color:#ffff66;}
2) Cascading style
sheet pada input text
Textarea
mendefinisikan kontrol input berupa area teks pada form .Elemen form textarea
dapat diatur stylenya dengan menggunakan selector textarea
3) Cascading style
sheet pada text field
extfield
mendefinisikan kontrol input text pada form. Berikut ini adalah contoh format
CSS pada input yang membuat efek dari input textfield menjadi seperti sisi
formulir cetakan. CSS untuk textfield menggunakan selector input. Style yang
diberikan pada input textfield diantaranya warna, background, border, jenis
serta ukuran font dan masih banyak atribut lainya yang bisa digunakan untuk
style textfield.
4) Cascading style
sheet 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.
5) Cascading style
sheet padaradio button
Radio
button merupakan bagian dari elemen input form. Saat ingin memberikan style
pada radio button dapat menggunakan selector input.selector.
6) Cascading style
sheet pada chexbox
Checkbox
merupakan bagian dari elemen input form. Saat ingin memberikan style pada
Checkbox dapat menggunakan selector input.selector.
0 comments: