Текст в input number?

Question

[unlik]

Как можно в input number добавить в конце текст? То есть например есть поле в которое вводится количество, нужно чтобы после цифры шло "шт."

Comments

[nakree]

В замыкании хранить переменную, которая будет выводится в инпут. На сам инпут повесить обработчик событий нажатий клавиш с e.preventDefault() в начале. Затем записывать нажатую клавишу в эту переменную, при передаче в инпут добавить нужное окончание, типо `${str} шт.`

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

Answer 1

[Vitaliy]

Нужно сделать обертку поверх input, которая будет выглядеть как input, а реальное поле ввода внутри будет незаметным

Пример: https://codepen.io/teefars/pen/qOjWQY?editors=0110

Answer 2

[Михаил Иванов]

Посмотрите bootstrap 3 или 4 у них можно взять как за образец
вот ссылка Тут смотреть