Setelah pelajaran ini kamu bisa merapikan formulir pendaftaran untuk ponsel: label di atas isian, jenis isian yang tepat, validasi pola GOV.UK, dan ruang yang cukup untuk target sentuh.
±17 menit·Diperiksa 3 Okt 2026
Materi
Kader Posyandu Kenari mendaftarkan balita lewat ponsel di lapangan. Formulirnya dibuat untuk layar desktop: label di kanan isian, nomor HP memakai type number yang berubah sendiri saat layar digulir, dan peramban menampilkan gelembung galat bawaan yang tidak seragam dengan halaman lain. Misi ini menutup kelas dengan menggabungkan tata letak formulir, validasi, dan ukuran target.
Kerjakan kode dulu, lalu jawab soal tentang pola validasi, ruang untuk tombol, dan gaya galat. Setiap jawaban punya sumber yang sudah dibahas di modul ketiga.
Latihan
0/4 lulus
Misi akhir modul: luluskan minimal 4 dari 4 tugas. Jawaban diperiksa di server. Lulus berarti kamu memahami contohnya, bukan penilaian seluruh pekerjaanmu.
Latihan 2 dari 4
Kader mengetik nomor HP "0812-7730-1145" dengan tanda hubung. Menurut pola validasi GOV.UK, apa yang dilakukan sistem?
Latihan 3 dari 4
Layar ponsel selebar 360dp menampilkan empat tombol aksi berukuran 48dp dengan jarak 8dp di antara tombol yang bersebelahan. Berapa dp ruang yang tersisa di baris itu?
Latihan 4 dari 4
Formulir lain memakai atribut required, dan semua kolom kosong sudah bergaris merah saat halaman baru dibuka. Perubahan CSS apa yang sesuai penjelasan MDN?
Catatanmu
Memuat catatan…
tersimpan otomatis, ikut tercetak · 0/4.000
Luluskan semua latihan dulu untuk menandai pelajaran ini selesai.
