Texte statique dans le champ de texte?

Question

Comment puis-je conserver du texte statique dans un <input type="text" name="site"> champ de texte, comme pour le compte tumblr ***. tumblr.com here > http://www.tumblr.com/

Answer 1

Le texte .tumblr est séparé de la balise d'entrée.

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

Ainsi, le style de classe hideInput définit les largeurs de bordure à 0 pour les masquer, ainsi que le remplissage. Ex.

border-bottom-width:0;

Là où le style inputBox de la classe réimplémenterait le style de la zone de saisie, il aurait donc une bordure, une marge, etc.