Поле для ввода телефонного номера

Специальное поле, упрощающее ввод телефонного номера.

Когда использовать

Используйте специальное поле для ввода телефона, когда нужен номер в полном формате.

Для ввода номеров телефона без форматирования можно использовать обычное поле ввода.

Описание работы

Поле для ввода телефона — это частный случай поля с маской, с двумя отличиями:

  1. В начале поля стоит префикс «+7», который подсказывают пользователю, что номер нужно ввести в полном формате. Префикс нельзя стереть.
  2. При вставке скопированного номера из 11 цифр, первые +7 или 8 вырезаются.

Размер и расположение

Поле ввода телефона, как и обычное поле, может быть трех размеров. Подробнее смотри в гайде поля ввода.

Рекомендуемая ширина поля — 160 px.

Фокус и работа с клавиатурой

При клике по полю и при переходе табом поле выглядит одинаково: появляется синяя рамка и, если поле не заполнено — маска, которые сохраняются до потери фокуса.

Валидация

Если пользователь ввел недостаточно цифр, при потере фокуса нужно показать валидацию.

О поведении полей ввода с ошибками читайте в гайде по валидации.