Is there a way, I know there is, in which I set initial Values for Form Fields, and when the user clicks inside the field, the initial value is reset

example:


<div style="background-color: #999999">
<p style="text-align: center;"><span style="color: #0000ff;">Fill Out This Form to get a Free Uniform, <br>
Free Private lesson &amp;
Free 30 Days of Training!</span></p>
<form id="rmform" name="rmform" method="post" action="https://addmembers.com/rainmaker/process/">
<table border="0" cellspacing="3" cellpadding="3" >
<tr>
<td width="5%"><input name="SID" type="hidden" id="SID" value="1197" />
<input name="AutoResponder" type="hidden" id="AutoResponder" value="True" />
<input name="Tags" type="hidden" id="Tags" value="" />
<input name="SendTo" type="hidden" id="SendTo" value="XXX@xyz.com" />
<input name="rmid" type="hidden" id="rmid" value="" />
<input name="formID" type="hidden" id="formID" value="6BAD62B41BB0E8DA42E62E9A" /></td>
</tr>
<tr>
<td>&nbsp;</td>
<td ><label for="FName"></label>
<input name="FName" type="text" id="FName" value="First Name" /> <---------------- User would Click In this Field to enter First Name, but upon clicking "First Name" is cleared out
<input name="FNameReq" type="hidden" id="FNameReq" value="true" /> </td></tr>
<tr>
<td>&nbsp;</td>
<td><label for="LName"></label>
<input name="LName" type="text" id="LName" value="Last Name" /> <---------------- User would Click In this Field to enter LAST Name, but upon clicking "Last Name" is cleared out
<input name="LNameReq" type="hidden" id="LNameReq" value="true" /></td></tr>
<tr>
<td>&nbsp;</td>
<td><label for="Email"></label>
<input name="Email" type="text" id="Email" value="Email" />
<input name="EmailReq" type="hidden" id="EmailReq" value="true" /></td></tr>
<tr>
<td>&nbsp;</td>
<td><label for="Phone"></label>
<input name="Phone" type="text" id="Phone" value="Phone Number" />
<input name="PhoneReq" type="hidden" id="PhoneReq" value="true" /></td></tr>
<tr>
<td colspan="2" align="center">30 Days Free!</td>
</tr>
<tr>
<td colspan="2" align="center"><input id="FlowTags" name="FlowTags" type="checkbox" value="prospect" /></td>
</tr>
<tr><td>&nbsp;</td><td><input name="ReturnURL" type="hidden" id="ReturnURL" value="http://hermosaboxingworks.com" /></td></tr><tr><td>&nbsp;</td><td><input type="submit" name="Submit" id="Submit" value="Submit" /></td></tr>
</table>
</form>


My .js Skills are Feeble, but from a class I took awhile back, I do recall a function that would do this, My
Emailer platform has rendered "First Name JOE BLOW", "Last Name Jebadiah"
when they entered their information, the end user, but NOT clear out the form field manually.

Thanks

Mike