Я хотел бы знать, как я могу воспроизвести что-то вроде этого: Формат номера для полей ввода
рисую это сам, но я видел его уже пару раз на веб-сайтах, что точки разделения числа (например, текст из атрибута placeholder). К сожалению, я забыл, где я его видел, поэтому я не могу проанализировать код, чтобы проверить, как они это сделали. Задача состоит в том, что точки должны отображаться, курсор должен прыгать за следующую точку, когда были введены три числа, и точки или любые пробелы не должны быть отправлены, когда я отправляю форму с этим полем. Почтовые данные должны быть в этом случае «123456789».
Я уже пытался использовать этот случай, но нашел только решения, в которых введенное значение заменено новым значением, которое содержит точки.
Кто-нибудь теперь, как я могу архивировать это? Возможно ли это с помощью JS или чистого CSS?
Спасибо за помощь заранее
Вы ищете "маскировку ввода". – Mathletics
Ну, если я должен был разработать это, я бы использовал шрифт фиксированного размера, используя скрытый компонент редактирования, заменяющий 3-х разделитель чисел пробелом, а затем используйте событие в on-change для рисования точки. Но реальный вопрос: почему так много работы только из-за непрозрачности точек? Я действительно думаю, что это не окупается. –
@Mathletics Спасибо. Я посмотрю. –