Adres formları

Adres doldurmak zaman alıcı ve sinir bozucu olabilir. Adres satırı 2 ne için kullanılır? Soyadınız olmayabilir. Bu durumda Soyadı alanına ne girmelisiniz? Bu karışıklıkları önleyin ve kullanıcıların adres formlarını doldurmalarına yardımcı olun.

Kullanıcı dostu bir form oluşturma

Birçok formda ad için bir alan, soyadı için bir alan kullanılır. Ancak bazı kişilerin soyadı yoktur veya adları iki bölümden oluşmaz. Bu durumda soyadı alanını nasıl doldurmaları gerekir? Ad alanı için tek bir <input> kullanın. Farklı ad biçimlerini işleme hakkında daha fazla bilgi edinin.

Araştırmaya göre, Adres satırı 2, kullanıcıların kafasını karıştırabilir. Tüm adres için <textarea> kullanabilir veya Adres satırı 2 alanını bir <button> ile gizleyebilirsiniz.

Form kontrolü açıklamalarıyla ilgili dikkatli olun. Örneğin, ABD'deki kullanıcılar ZIP, Birleşik Krallık'taki kullanıcılar ise postcode (posta kodu) diyor. Kullanıcıların hangi verileri gireceklerini 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ı olma

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. Örneğin, bir gönderim adresi içeren bir formunuz ve fatura adresi içeren başka bir formunuz var. Tarayıcıya fatura adresinin hangi posta kodu olduğunu bildirmek için autocomplete="billing postal-code" kullanabilirsiniz. Kargo adresi için ilk değer olarak shipping kullanın.

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

Kaynaklar