W3.CSSLesson 40Preview gratis
W3.CSS Inputs
Lesson ini bagian dari W3.CSS · Semua level
Ringkasan
W3.CSS menyediakan kelas untuk mempercantik elemen formulir seperti input teks, textarea, select, dan tombol. Cukup tambahkan .w3-input pada <input> atau <textarea> agar tampilannya konsisten dengan komponen lain. Tersedia beberapa varian, misalnya garis bawah saja atau border penuh, plus kelas .w3-block untuk selebar penuh.
Poin kunci
- .w3-input memberi border penuh dan padding standar pada kolom isian
- .w3-input-underline hanya menampilkan garis bawah sebagai batas kolom
- Kombinasikan dengan .w3-block agar isian atau tombol selebar kontainer
- Gunakan .w3-select pada <select> dan .w3-btn pada tombol submit
- Selalu sediakan <label> yang terhubung lewat atribut for/id
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.