Formulir yang tidak membuat pengisi kesal

Formulir pendaftaran adalah tempat pengunjung paling sering menyerah. Pada aplikasi internal, formulir yang membingungkan berarti data salah yang harus dibereskan petugas.

Label selalu terlihat

Placeholder bukan pengganti label. Begitu pengisi mengetik, petunjuk hilang. Pakai elemen label yang terhubung ke input dan letakkan contoh format di bawahnya.

<label for="nik">NIK anggota</label>
<input id="nik" name="nik" inputmode="numeric"
       autocomplete="off" pattern="[0-9]{16}"
       aria-describedby="nik-bantuan" required>
<p id="nik-bantuan">16 digit, tanpa spasi. Contoh: 3201xxxxxxxxxxxx</p>

Kebiasaan lain

• Pakai inputmode yang tepat agar keyboard angka muncul di ponsel.
• Tampilkan pesan galat di dekat kolomnya, dalam kalimat biasa.
• Jangan hapus isian saat ada galat.
• Kelompokkan pilihan dengan fieldset dan legend.