MoreLesson 183Preview gratis
Star Rating
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini membahas rating bintang dengan CSS, biasanya memanfaatkan input radio dan label berbentuk bintang. Pendekatan radio membuat rating dapat dioperasikan dengan keyboard dan hanya satu nilai yang dapat dipilih. Selector :checked dikombinasikan dengan penyusunan urutan tertentu untuk mewarnai bintang yang dipilih.
Poin kunci
- Gunakan input radio dengan name yang sama agar hanya satu nilai terpilih
- Hubungkan label ke input melalui atribut for, dan sembunyikan input secara visual tanpa menghilangkannya dari keyboard
- Manfaatkan selector :checked dan general sibling untuk mewarnai bintang
- Sertakan teks nilai rating agar informasi tidak bergantung pada warna bintang saja
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.