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

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

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

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

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

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

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

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

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

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

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