Adres formları

Bir adresi doldurmak zaman alıcı ve can sıkıcı olabilir. Adres Satırı 2 nedir? Soyadınız olmayabilir. Peki Soyadı alanına ne girmelisiniz? Bu karışıklıklardan kaçının ve kullanıcıların adres formlarını doldurmalarına yardımcı olun.

Adres formunuzun kullanımı kolay olduğundan emin olun

Birçok formda ad ve soyadı için bir alan kullanılır. Ancak bazı kişilerin soyadı yok veya adları iki bölümden oluşuyor. Peki bu kişiler soyadı alanına nasıl doldurulmalıdır? Ad alanı için tek bir <input> kullanın. Farklı ad biçimlerini işleme hakkında daha fazla bilgi edinin.

Ayrıca, açık adres için tek bir <input> kullanın. Her adresin bir sokak numarası yoktur.

Form denetimi açıklamaları konusunda dikkatli olun. Örneğin, ABD'deki kullanıcılar ZIP, İngiltere posta kodu şeklinde ifade eder. Kullanıcıların hangi verileri gireceğini bilmelerini sağlamak için <label for="zip">ZIP or postal code (optional)</label> kullanın. Posta kodu alanını isteğe bağlı hale getirin. Her adresin posta kodu yoktur.

Kullanıcıların adreslerini girmelerine yardımcı olun

autocomplete özelliği, kullanıcıların adreslerini yeniden girmelerine yardımcı olabilir:

  • autocomplete="name"
  • autocomplete="street-address"
  • autocomplete="postal-code"
  • autocomplete="country"

autocomplete için boşlukla ayrılmış birden fazla değer tanımlayabilirsiniz. Gönderim adresi içeren bir formunuzun ve fatura adresi için başka bir formunuz olduğunu varsayalım. Tarayıcıya, fatura adresine hangi posta kodunun ait olduğunu bildirmek için autocomplete="billing postal-code" ifadesini kullanabilirsiniz. Gönderim adresi için ilk değer olarak shipping değerini kullanın.

Dokunmatik klavyelerde Enter tuşunun etiketini enterkeyhint özelliğiyle değiştirin. Son form kontrolü için enterkeyhint="done", diğer form denetimleri için enterkeyhint="next" kullanın.

Kaynaklar