CSS TutorialLesson 39Preview gratis
CSS Forms
Lesson ini bagian dari CSS · Semua level
Ringkasan
Formulir HTML sering tampil polos bawaannya, tetapi CSS bisa mempercantik input, textarea, tombol, dan fieldset agar konsisten dengan desain situs. Pengaturan seperti padding, border-radius, border, serta gaya saat fokus membuat formulir lebih nyaman digunakan. Perhatikan juga kontras dan ukuran area klik agar formulir tetap ramah pengguna.
Poin kunci
- Properti dasar yang sering dipakai pada input: width, padding, border, border-radius, dan font.
- Pseudo-class :focus memberi penanda jelas saat kursor berada di kolom isian.
- Selektor :not() bisa mengecualikan elemen tertentu dari gaya bersama, misalnya mengecualikan tombol reset.
- button dan input[type="submit"] perlu diberi gaya khusus karena tampilan bawaannya berbeda antar peramban.
- Ukuran teks isian minimal sekitar 16px di perangkat bergerak mencegah zoom otomatis saat fokus.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.