Как сделать такой input?

Question

[NerVik]

Добрый день, подскажите как сделать такой input?


тут цифры это основная информация, а вот текст добавляется на основе введенных цифр и имеет свои стили. т.е. по сути текст не в самом input.

Answer 1

[ThunderCat]

ajax

Comments

[NerVik]

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

[ThunderCat]

NerVik: подозреваю что это просто div, позиционированный поверх инпута, но инспектор хрома даст вам более точный ответ, правой кнопкой - посмотреть код.

[NerVik]

ThunderCat: эх, если бы я нашел где-то реализованый такой инпут.. у меня только картинка есть ;(

[ThunderCat]

NerVik: возможно что-то из этого пригодится dimox.github.io/jQueryFormStyler/demo/#select