Mengisi alamat bisa memakan waktu dan menjengkelkan. Untuk apa Baris alamat 2? Anda mungkin tidak memiliki nama keluarga, jadi apa yang harus Anda masukkan di kolom Surname? Hindari kebingungan ini dan bantu pengguna mengisi formulir alamat.
Membuat formulir yang mudah digunakan
Banyak formulir menggunakan satu kolom untuk nama depan dan satu kolom untuk nama belakang.
Namun, beberapa orang tidak memiliki nama keluarga, atau nama mereka tidak memiliki dua bagian,
jadi bagaimana mereka harus mengisi kolom nama keluarga? Gunakan satu <input> untuk kolom nama. Pelajari lebih lanjut
cara menangani berbagai format nama.
Menurut penelitian,
Baris alamat 2 dapat membingungkan pengguna. Pertimbangkan untuk menggunakan <textarea>
untuk seluruh alamat, atau menyembunyikan kolom Baris alamat 2 di balik <button> pengungkapan.
Berhati-hatilah dengan deskripsi kontrol formulir.
Misalnya, pengguna di Amerika Serikat mengatakan ZIP, di Inggris Raya postcode.
Gunakan <label for="zip">ZIP or postal code (optional)</label>
untuk memastikan pengguna mengetahui data yang harus dimasukkan.
Jadikan kolom kode pos opsional–tidak semua alamat memiliki kode pos.
Membantu pengguna memasukkan alamat mereka
Atribut autocomplete dapat membantu pengguna memasukkan kembali alamat mereka:
autocomplete="name"autocomplete="street-address"autocomplete="postal-code"autocomplete="country"
Anda dapat menentukan beberapa nilai yang dipisahkan dengan spasi untuk autocomplete. Misalnya, Anda memiliki formulir dengan alamat pengiriman dan formulir lain untuk alamat penagihan.
Untuk memberi tahu browser kode pos mana yang digunakan untuk alamat penagihan, Anda dapat menggunakan
autocomplete="billing postal-code". Untuk alamat pengiriman, gunakan shipping
sebagai nilai pertama.
Ubah label untuk tombol Enter di keyboard virtual dengan atribut
enterkeyhint. Gunakan enterkeyhint="done" untuk kontrol formulir terakhir,
dan enterkeyhint="next" untuk kontrol formulir lainnya.