Mengisi alamat dapat memakan waktu dan membuat frustrasi. Apa yang dimaksud dengan Baris alamat 2? Anda mungkin tidak memiliki nama belakang. Jadi, apa yang harus Anda masukkan di kolom Nama belakang? Hindari kebingungan ini dan bantu pengguna mengisi formulir alamat.
Pastikan formulir alamat Anda mudah digunakan
Banyak formulir menggunakan satu kolom untuk nama depan dan satu lagi untuk nama belakang.
Namun, beberapa orang tidak memiliki nama belakang, atau nama mereka tidak terdiri dari dua bagian.
Jadi, bagaimana sebaiknya mereka mengisi kolom marga? Gunakan satu <input> untuk kolom nama.
Pelajari lebih lanjut cara menangani format nama yang berbeda.
Selain itu, gunakan satu <input> untuk alamat – tidak setiap alamat memiliki nomor jalan.
Berhati-hatilah dengan deskripsi kontrol formulir.
Misalnya, pengguna di AS mengatakan ZIP, di Inggris Raya kode pos.
Gunakan <label for="zip">ZIP or postal code (optional)</label>
untuk memastikan pengguna mengetahui data yang akan dimasukkan.
Jadikan kolom kode pos opsional–tidak setiap alamat memiliki kode pos.
Membantu pengguna memasukkan alamat
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 tentang kode pos mana yang merupakan alamat penagihan,
Anda dapat menggunakan autocomplete="billing postal-code".
Untuk alamat pengiriman, gunakan shipping sebagai nilai pertama.
Ubah label untuk tombol Enter pada keyboard virtual dengan atribut enterkeyhint.
Gunakan enterkeyhint="done" untuk kontrol formulir terakhir, dan enterkeyhint="next" untuk kontrol formulir lainnya.