Question

I’ve got the following “subscribe by e-mail” form:

<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>

I want to move the “enter e-mail” section inside the form part. So that when the user clicks on it, the text will disappear.

Could someone please help me with how to do that?

Answer 1

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

Not tested, should work though!