Статический текст в текстовом поле?

Question

Как сохранить статический текст в текстовом поле <input type="text" name="site">, как в учетной записи tumblr ***. tumblr.com здесь > http://www.tumblr.com/

Answer 1

Текст .tumblr отделен от тега ввода.

<div class="inputBox">
    <input class="hideInput" type="text" name="site" />
    .tumblr.com
</div>

Таким образом, стиль класса hideInput установит ширину границы в 0, чтобы скрыть их так же, как и отступы. Например.

border-bottom-width:0;

Где, поскольку стиль inputBox класса будет повторно реализовывать стиль поля ввода, он будет иметь рамку, отступы и т. д.