Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
someserj
@someserj
JavaScript
HTML
CSS
Angular
Фронтенд
Как создать маску в input с точками и дистанцией между цифрами?
Желательно в контексте Angular, но pure js тоже подойдет.
Вопрос задан
более трёх лет назад
115 просмотров
Комментировать
Подписаться
1
Средний
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
3
Антон Швец
@Xuxicheta
Куратор тега Angular
инженер
моноширинный шрифт, прозрачный инпут, позади инпута pre, который заполняется пробелами и точками по мере ввода символов в инпут
Ответ написан
более трёх лет назад
3
комментария
Нравится
1
3
комментария
Facebook
Вконтакте
Twitter
someserj
@someserj
Автор вопроса
не понял схему, наоборот, точки должны исчезать по мере ввода. как это реализовать?
Написано
более трёх лет назад
Антон Швец
@Xuxicheta
Куратор тега Angular
someserj
, ну так заменяешь точки пробелами.
на pre было
****
, ввел в инпут два символа, заменил pre на
**
Написано
более трёх лет назад
Антон Швец
@Xuxicheta
Куратор тега Angular
примерно вот так
https://stackblitz.com/edit/angular-ivy-ygk2xg
Написано
более трёх лет назад
Антон Шаманов
@SilenceOfWinter
та еще зажигалка...
www.igorescobar.com/blog/2012/05/06/masks-with-jqu...
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Roman Khegay
@khegay
Founder, Garuna
Готовая библиотека
ngx-mask
Ответ написан
более трёх лет назад
2
комментария
Нравится
2
комментария
Facebook
Вконтакте
Twitter
someserj
@someserj
Автор вопроса
спасибо, но я в ней я не вижу как можно сделать точки как на моем скриншоте
Написано
более трёх лет назад
Roman Khegay
@khegay
someserj
, placeholder + mask
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
Средний
Gsap scroll trigge как сделать рабочим скроллинг внутри окна?
1 подписчик
2 часа назад
6 просмотров
0
ответов
HTML
+1 ещё
Простой
Как поменять цвет фона у кнопки в html?
1 подписчик
15 часов назад
51 просмотр
1
ответ
JavaScript
+1 ещё
Простой
Есть ли аналоги kladr api с возможностью запросов через JS?
1 подписчик
19 часов назад
59 просмотров
0
ответов
JavaScript
+3 ещё
Простой
Почему node.js runtime есть столько памяти?
3 подписчика
вчера
227 просмотров
0
ответов
HTML
+3 ещё
Простой
Как решить задачу с четвертой картинкой, которая постоянно вываливается?
1 подписчик
20 мар.
129 просмотров
0
ответов
CSS
Простой
Как решить проблему с прокруткой в инпуте?
1 подписчик
20 мар.
94 просмотра
2
ответа
JavaScript
+1 ещё
Простой
Как с помощью js центрировать rect внутри svg?
1 подписчик
20 мар.
81 просмотр
0
ответов
JavaScript
Сложный
Почему именно такой порядок вывода в консоль?
4 подписчика
19 мар.
1457 просмотров
2
ответа
HTML
+1 ещё
Простой
Как задать ссылку на элемент php?
1 подписчик
19 мар.
121 просмотр
2
ответа
HTML
+1 ещё
Простой
Как расчитать ширину элемента .content?
1 подписчик
19 мар.
74 просмотра
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Бэкэнд-разработчик JavaScript
Wanted.
•
Москва
от 250 000 до 400 000 ₽
JavaScript FullStack разработчик
Rocket
•
Смоленск
от 120 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 420 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама