Je ne sais pas pourquoi ce qui précède est marqué comme ayant été parce qu'il ne répond pas vraiment à la question. Espérons que cela ne:
HTML4
<label for="name">Name</label>
<input type="text" name="name" value="Enter your full name" onfocus="if(this.value=='Enter your full name') {this.value='', this.style.color='#999'};" onblur="if(this.value=='') {this.value='Enter your full name', this.style.color='#555';}" />
Lets décomposer:
value="Enter your full name"
Cela ajoute une chaîne par défaut du texte dans votre entrée. La même chose peut être obtenue avec une zone de texte en entrant votre texte entre les balises.
onfocus="if(this.value=='Enter your full name') {this.value='', this.style.color='#999'};"
Si l'entrée reçoit le focus (ie. Est cliqué ou à onglets), nous vérifions si le texte d'entrée en cours est égal à notre chaîne de texte par défaut « Entrez votre nom complet ». Si c'est le cas, nous l'avons défini comme une chaîne vide et changeons la couleur de la police. Lorsque l'entrée perd la mise au point, nous vérifions si le texte d'entrée actuel est vide. Si c'est le cas, nous revenons à notre chaîne de texte par défaut et changeons la couleur à son état d'origine.
HTML5
<input type="text" name="name" placeholder="Enter your full name">
<textarea placeholder="Enter your comment"></textarea>
HTML5 a intégré dans 'espace réservé' attribut pour faire ce qui peut être de style de la façon suivante:
::-webkit-input-placeholder { color:#555; } /* Webkit */
:-moz-placeholder { color:#555; } /* Firefox <= 18 */
::-moz-placeholder { color:#555; } /* Firefox >= 19 */
:-ms-input-placeholder { color: #555; } /* Internet Explorer */
EXAMPLE