Форма ввода телефона

295
05 апреля 2017, 13:20

Как сделать таково вида форму ввода телефона? Достаточно ли использовать только bootstrap?

Answer 1

Например можно дополнительно использовать плагин - masked-input-plugin

$(".phone").mask("+7(999)999-9999");
<script src="https://code.jquery.com/jquery-2.2.4.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.4.1/jquery.maskedinput.min.js"></script> 
   
  <input type="text" class="phone">

Answer 2

Советую использовать Phone Input из bootstrap form helpers (нужен JQuery). Тогда html поля ввода будет выглядеть примерно так:

<input type="text" class="input-medium bfh-phone" data-format="+7 (ddd) ddd-dd-dd">
READ ALSO
Работа с Landing page

Работа с Landing page

Добрый день, коллеги! Нужны пара советов новичку, те

207
Как убрать элементы в html5 input-ах в Chrome

Как убрать элементы в html5 input-ах в Chrome

В Chrome при наведении курсора на input-ы type="date" и type="time" появляются дополнительные элементы для редактирования данных в полеКак их убрать?

312
Считывание атрибута из html тега с помощью Selenium (Java)

Считывание атрибута из html тега с помощью Selenium (Java)

есть такой тег, найти его не проблемано как средствами selenium вытянуть текст из атрибута title в переменную?

269
Как объединить все используемые стили в один файл HTML

Как объединить все используемые стили в один файл HTML

Есть страница на сайте, которая использует стили хранящиеся на сайте в папке cssМне нужно сделать независимую html страничку, со всеми необходимыми...

324