Wypełnianie adresu może być czasochłonne i frustrujące. Do czego służy pole Wiersz adresu 2? Może się zdarzyć, że nie masz nazwiska. Co w takim przypadku należy wpisać w polu Nazwisko? Unikaj tych nieporozumień i ułatwiaj użytkownikom wypełnianie formularzy adresowych.
Tworzenie przyjaznego dla użytkownika formularza
W wielu formularzach imię i nazwisko są podawane w osobnych polach.
Niektóre osoby nie mają jednak nazwiska lub ich imiona i nazwiska nie składają się z 2 części. Jak w takim przypadku wypełnić pole nazwiska? W polu nazwy użyj pojedynczego znaku <input>. Dowiedz się więcej o obsłudze różnych formatów nazw.
Z badań wynika, że pole Adres 2 może być mylące dla użytkowników. Rozważ użycie <textarea>dla całego adresu lub ukryj pole Wiersz adresu 2 za przyciskiem <button>.
Uważaj na opisy elementów sterujących formularza.
Na przykład użytkownicy w Stanach Zjednoczonych mówią ZIP, a w Wielkiej Brytanii postcode.
Używaj <label for="zip">ZIP or postal code (optional)</label>, aby użytkownicy wiedzieli, jakie dane mają wpisać.
Ustaw pole kodu pocztowego jako opcjonalne – nie każdy adres ma kod pocztowy.
Pomaganie użytkownikom we wpisywaniu adresu
Atrybut autocomplete może pomóc użytkownikom ponownie wprowadzić adres:
autocomplete="name"autocomplete="street-address"autocomplete="postal-code"autocomplete="country"
W przypadku parametru autocomplete możesz zdefiniować wiele wartości rozdzielonych spacjami. Załóżmy, że masz formularz z adresem dostawy i inny formularz z adresem rozliczeniowym.
Aby poinformować przeglądarkę, który kod pocztowy jest adresem rozliczeniowym, możesz użyć elementu autocomplete="billing postal-code". W przypadku adresu dostawy użyj shipping
jako pierwszej wartości.
Zmień etykietę klawisza Enter na klawiaturach ekranowych za pomocą atrybutu enterkeyhint. Użyj znaku enterkeyhint="done" w przypadku ostatniego elementu sterowania formularzem, a znaku enterkeyhint="next" w przypadku pozostałych.