Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save mikedish/6471159 to your computer and use it in GitHub Desktop.
Save mikedish/6471159 to your computer and use it in GitHub Desktop.
Javascript disappearing in-field form labels
<form name="signup" action="http://forms.marylandrieu.com/save" method="post">
<input type="hidden" name="ActivityCode" value="join" />
<input type="hidden" name="SuccessUrl" value="http://www.marylandrieu.com/privacy/?id=0002" />
<input name="EmailAddress" id="dataEmail" class="input" style="width: 130px" onmouseover="style.borderColor='#d6eafa';" onmouseout="style.borderColor='#5484ab';" onblur="if(this.value=='')this.value='Enter Your Email Address';style.borderColor='#5484ab';" onfocus="if(this.value=='Enter Your Email Address')this.value='';style.borderColor='#d6eafa';" value="Enter Your Email Address" />
<input type="text" name="PostalCode" class="input" style="width: 50px" onmouseover="style.borderColor='#d6eafa';" onmouseout="style.borderColor='#5484ab';" onblur="if(this.value=='')this.value='Zip Code'; style.borderColor='#5484ab';" onfocus="if(this.value=='Zip Code')this.value=''; style.borderColor='#d6eafa';" value="Zip Code" />
<input class="submit" type="submit" name="Submit" value="GO" style="width: 30px" onmouseover="style.borderColor='#d6eafa';" onfocus="style.borderColor='#d6eafa';" onmouseout="style.borderColor='#5484ab';" onblur="style.borderColor='#5484ab';" />
</form>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment