O texto estático dentro do campo de texto?

Question

Como posso manter o texto estático dentro de um campo de texto <input type="text" name="site">, assim como a conta do tumblr ***. Tumblr.com aqui> http://www.tumblr.com/

Answer 1

O texto .tumblr é separado do tag de entrada.

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

Assim, o estilo hideInput classe iria definir as larguras de fronteira para 0 para ocultá-los, bem como o preenchimento. Por exemplo.

border-bottom-width:0;

Onde como o estilo de classe inputbox seria re-implementar o estilo de caixa de entrada, para que ele teria uma fronteira, estofamento etc.