Как для input сделать подсказку с реальным номером телефона и E-mail пользователя?
Встречал на сайтах, когда заполняю форму, iPhone в поле ввода телефона предлагает сразу вставить мой номер телефона и также с E-mail.
Как реализовать данный функционал?
Пример, как выглядит подсказка над клавиатурой
Дополнительно:
input autocomplete? только name должен быть определённый, но phone думаю подойдёт. а этот телефон сохранен в твоём браузере
Решение моей проблемы:
<input type="tel" name="phone" placeholder="Телефон" autocomplete="tel"> |
<input type="tel" name="phone" placeholder="Телефон" autocomplete="tel">
Все типы autocomplete https://developer.mozilla.org/en-US/docs/Web/HTML/...
Ответы:
типо такого?
- Не видно, что идет перед фразой
типо такого?
- Фрагменты кода надо размещать в виде текста и оборачивать тэгом code для корректного отображения. Удобно делать кнопкой </>
Это обязательно, см.п.3.8 Регламента.
Сюда же относится traceback, ввод и вывод в консоли и другая структурированная текстовая инфа.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для создания подсказки с реальным номером телефона и E-mail пользователя в input можно использовать атрибуты placeholder и pattern.
Например, для телефонного номера в формате +7 (XXX) XXX-XX-XX, можно использовать следующий код:
Для E-mail адреса можно использовать следующий код:
Таким образом, при вводе данных пользователем в поле input будет отображаться подсказка с реальным форматом номера телефона или E-mail адреса, что поможет пользователю лучше понять, какой формат данных ожидается для ввода.
Не забудьте также добавить соответствующие сообщения об ошибках валидации, чтобы пользователь мог узнать, если он ввел данные неверного формата.