Comment puis-je avoir un formulaire où le texte dans l'entrée disparaît lorsque l'on clique dessus? (Pour la forme feedburner)

Question

J'ai la "subscribe par e-mail" formulaire: section

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=food101coil', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> 
<p>enter e-mail:</p> 
<p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="food101coil" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="SEND" /></form> 

Je veux déplacer le "e-mail entrer" dans la partie du formulaire. Alors que lorsque l'utilisateur clique dessus, le texte disparaîtra.

Quelqu'un pourrait m'aider s'il vous plaît avec comment faire cela?

Answer 1

<input type="text" name="email" onclick="this.value='';" value="enter e-mail" /> 

Non testé, devrait fonctionner si!

Answer 2

Le code suivant fera ce que vous voulez, mais aussi maintenir un e-mail une fois entré ..

HTML

<input id="email" type="text" style="width:140px" name="email" value="enter e-mail"/> 

JavaScript

<script type="text/javascript"> 
var emailfield = document.getElementById('email'); 
emailfield.onfocus = function(){ 
    if (this.value == 'enter e-mail') this.value = ''; 
} 
emailfield.onblur= function(){ 
    if (this.value == '') this.value = 'enter e-mail'; 
} 
</script> 

Un exemple concret: http://www.jsfiddle.net/YS2Xm/