MoreLesson 253Preview gratis
Contenteditable Border
Lesson ini bagian dari How To · Semua level
Ringkasan
Atribut contenteditable membuat elemen HTML bisa diedit langsung oleh pengguna. Agar area edit jelas, beri border, padding, dan gaya fokus menggunakan :focus. Kamu juga bisa menampilkan placeholder dengan pseudo-element :empty::before saat elemen masih kosong.
Poin kunci
- contenteditable="true" membuat isi elemen dapat diedit dan nilainya diwariskan ke anak.
- :focus atau :focus-within membantu menandai area yang sedang diedit.
- :empty::before bisa menjadi placeholder, tetapi spasi atau <br> membuat elemen tidak dianggap kosong.
- Sanitasi isi sebelum disimpan atau ditampilkan ke pengguna lain.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.