Текст описания в поле ввода текста

Question

Я хотел бы иметь описание / дополнительный текст внутри текстового поля.Этот текст не должен исчезать, когда пользователь помещает данные в поле.Он должен просто двигаться вместе с ним (например, идти вправо, а цифры / текст, введенные пользователем, идут слева).

Пример: Нормальное состояние:

 _________
|_m2______|

Пользователь кладет некоторыеданные в:

 ________
|_22_m2__|

Строки там просто представляют границу поля ввода :) И этот m2 - это текст, который должен оставаться там всегда.

Надеюсь, вы поняли, что я преследую.Попытка тоже погуглить, но не знаю, какие слова подходят для описания:)

Спасибо.

Answer 1

Это что-то вроде размеров? Ну, самое простое решение - поставить его справа от поля.

Лучшее решение: сделать автоматический ввод текста при вводе текста без полей и обтекания внутри div, имитирующего границу - имеет смысл?

см. http://jsfiddle.net/guard/jY7vx/3/ для почти рабочего примера

проблема, которую я вижу там - текст немного «прыгает» при вводе. вероятно, можно сделать с лучшим запасом

Answer 2

как то так

http://jsfiddle.net/zF4nW/