Как добавить блок в input?

Question

[In_hape]

Как в input внести блок и сделать так чтобы он сдвигался при вводе значений в поле ?



То есть пользователь вводит определенную сумму в поле, а значек валюты сдвигается относительно введенного значения

Answer 1

[RAX7]

Answer 2

[alexalexes]

Либо вместо input использовать textarea высотой в одну строку, чтобы можно было добавить псевдоэлемент.
Либо повесить обработчик события который перехватывает любой ввод символов в поле, извлекает число из строки, и дописывает символ. Но тут придется еще бороться с тем, чтобы курсор не съезжал в конец строки.

Answer 3

[iBird Rose]

используй вместо input, к примеру, div с атрибутом "contenteditable" htmlbook.ru/html/attr/contenteditable