Как сделать не исчезающий placeholder (postfix в инпуте)?

Question

[KindOfHeaven]

Здравствуйте!
Нужно сделать постфикс в инпуте, то есть чтобы после значения поля ввода всегда стояло, например, " руб."
Как это можно реализовать?

Answer 1

[Maks Codov]

мне ничего в голову не приходит, как на js
на onkeyup или onkeydown (или onchange) повесить проверку содержимого и если нет нужного окончания, добавлять его а все символы отличные от чисел и разделителя разрядов удалять.
не уверен, что пользователю будет удобно с такими манипуляциями если вешать на onkeyup или onkeydown.

Answer 2

[forspamonly2]

приделать инпуту подстройку размера под введённое значение (как это сделать хорошо - другой вопрос), убрать у него рамку и дописать текст после него. рамку добавить вокруг всей конструкции.

https://codepen.io/bsl-zcs/pen/QmJWXJ