Заполнение адреса может занять много времени и утомить. Что такое адресная строка 2 ? У вас может не быть фамилии, так что же следует ввести в поле «Фамилия» ? Избегайте этой путаницы и помогайте пользователям заполнять формы адреса.
Убедитесь, что ваша адресная форма проста в использовании
Во многих формах используется одно поле для имени и одно для фамилии. Однако у некоторых людей нет фамилии или их имена не состоят из двух частей, так как же им заполнять поле фамилии? Используйте один <input> для поля имени. Узнайте больше об обработке различных форматов имен .
Также используйте один <input> для почтового адреса — не каждый адрес имеет номер улицы.
Будьте осторожны с описаниями элементов управления формы. Например, пользователи в США говорят ZIP , а в Великобритании — почтовый индекс . Используйте <label for="zip">ZIP or postal code (optional)</label> чтобы пользователи знали, какие данные вводить. Сделайте поле почтового индекса необязательным — не у каждого адреса есть почтовый индекс.
Помогите пользователям ввести свой адрес
Атрибут autocomplete может помочь пользователям повторно ввести свой адрес:
-
autocomplete="name" -
autocomplete="street-address" -
autocomplete="postal-code" -
autocomplete="country"
Для autocomplete вы можете определить несколько значений, разделенных пробелом. Предположим, у вас есть форма с адресом доставки и еще одна форма для адреса выставления счета. Чтобы сообщить браузеру, какой почтовый индекс соответствует платежному адресу, вы можете использовать autocomplete="billing postal-code" . Для адреса доставки используйте shipping в качестве первого значения.
Измените метку клавиши Enter на экранной клавиатуре с помощью атрибута enterkeyhint . Используйте enterkeyhint="done" для последнего элемента управления формой и enterkeyhint="next" для остальных элементов управления формы.