¿Texto estático dentro del campo de texto?

Question

¿Cómo puedo mantener el texto estático dentro de un campo de texto <input type="text" name="site">, al igual que la cuenta tumblr ***. tumblr.com aquí > http://www.tumblr.com/

Answer 1

El texto .tumblr está separado de la etiqueta de entrada.

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

Por lo tanto, el estilo de clase hideInput establecería los anchos de borde en 0 para ocultarlos, así como el relleno. Por ejemplo,

border-bottom-width:0;

Donde, como el estilo inputBox de la clase, volvería a implementar el estilo del cuadro de entrada, por lo que tendría un borde, relleno, etc.