@Renat871

Как сделать поле для ввода номера телефона в html?

Я хочу сделать поле для ввода номера телефона на сайте HTML.
Точнее сделать строку для ввода, что б в ней сразу писало +38(___)___-__-__, а при вводе нижние подчёркивания заменялись на цифры. И желательно только на символы и максимально 13.
  • Вопрос задан
  • 7802 просмотра
Решения вопроса 1
hottabxp
@hottabxp
Сначала мы жили бедно, а потом нас обокрали..
Скорее всего ваш вариант - Маска ввода номера телефона
Попробовал вариант с сайта, работает:
<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="UTF-8">
      <title>Hello World! Site Title</title>
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
      <script src="maskinput.js"></script>
   </head>
   <body>
      <script type="text/javascript">
         jQuery(function($){
         $("#tel").mask("+38(999) 99-99-999");
         });
      </script>
      <input type="tel" id="tel" name="tel" placeholder="Введите ваш телефон">
   </body>
</html>

5fcc1d2240e64660994646.png
PS: За код не ручаюсь, так как не веб-разработчик.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@Wraithfire
Для реализации подобного функционала можно использовать библиотеку masked-input
Пример: codepen.io
Ответ написан
Комментировать
@Rerurk
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы