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.
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 {…}.
Cascading Style Sheet pada Text Field
Textfield mendefinisikan kontrol input text pada form. Berikut ini adalah contoh format CSS pada input yang membuat efek dari input textfield menjadi sepertisisi 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.
Cascading Style Sheet pada Button
Button merupakan tombol yang dapat diklik. Pada tombol, baik submit, reset maupun button
Cascading Style Sheet pada Radio Button
Radio button merupakan bagian dari elemen input form. Saat ingin memberikan style pada radio button dapat menggunakan selector input.selector
Cascading Style Sheet Pada Checkbox
Checkbox merupakan bagian dari elemen input form. Saat ingin memberikan style pada Checkbox dapat menggunakan selector input.selector
Percobaan
Buatlah halaman web sebagai berikut.
Bila ingin menambah efek pada saat cursor di arahkan atau pada saat button tersebut di click maka tambahkan kode sebagai berikut.
Penulisan CSS dapat berupa CSS embedded maupun eksternal. Contoh dengan menggunakan CSS eksternal
File HTML
File CSS
Hello, my satria mubarok anwar. I'm a 20 year old and iam a blogger.
Tidak ada komentar:
Posting Komentar