Форма адреса

Заполнение адреса может отнимать много времени и вызывать раздражение. Зачем нужна строка адреса 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" для остальных элементов управления формы.

Ресурсы