Заполнение адреса может отнимать много времени и вызывать раздражение. Зачем нужна строка адреса 2 ? У вас может не быть фамилии, так что же следует указать в поле «Фамилия» ? Избегайте подобных недоразумений и помогите пользователям заполнять формы с адресами.
Создайте удобную для пользователя форму
Во многих формах используется одно поле для имени и одно для фамилии. Однако у некоторых людей нет фамилии или их имя состоит из двух частей. Как заполнить поле фамилии? Используйте один элемент <input>
для поля имени. Подробнее о работе с различными форматами имени …
Согласно исследованиям , строка адреса 2 может сбивать пользователей с толку. Рекомендуется использовать <textarea>
для всего адреса или скрыть поле «Строка адреса 2» с помощью кнопки <button>
.
Будьте внимательны с описаниями элементов управления формы. Например, пользователи в США используют ZIP , а в Великобритании — postcode . Используйте <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"
для остальных элементов управления формы.