Как делаются Input с введенной разметкой под номер телефона?

Question

[Alena]

Я в последнее время все чаще натыкаюсь на input с введенным шаблоном для номера, типа такого:

Как это делается?

Answer 1

[Jaty4]

digitalbush.com/projects/masked-input-plugin

Comments

[Alena]

а почему маска появляется только когда нажимаешь на инпут? А можно как-то сделать что бы она все время находилась там?

[Alena]

или мне нужно что бы первая цыфра всегда оставалась на месте и не удалялась... Нужно разобраться как это работает.

[Mikhail Osher]

$('.phone-mask').mask('[phone]', {placeholder: ' '});

[Школьник.]

Даже не думал, что такая отличная вещь подключается всего за 10 секунд. Думал, что придётся придётся делать самому. Спасибо большое!

Answer 2

[Владислав Ивасик]

https://github.com/RobinHerbots/jquery.inputmask
Вот, имхо достаточно крутой плагин. Часто юзаю, проблем пока не было.

Answer 3

[Alena]

В общем информации в инете оказалось не мало, и если кому интересно, то вот есть ссылки как раз на то что мне нужно (как на картинке):
i-leon.ru
А вот тут прям подробно написано как это делается.
howtomake.com.ua

Answer 4

[Seva Sargsyan]

Через HTML5(placeholder) и Jquery надо сделать,у меня есть скрипт если что могу отправить,но надо чуть почистить скрипт

Comments

[Alena]

Спасибо, я уже сделала, используя скрипты выше. Но все же интересно. А на сколько это кросбраузерно?