Auto clear form element


	Auto clear form element

nouse4name

2-28-2007 2:07 PM

338 views

tags:

html, form, clear, input

Add a Comment

Login to Comment. Not a member yet? Sign up

View the Top Clips from February 28, 2007

Embed This Clip In Your Site...

<div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="see clips that are hot right now"><img src="http://content.clipmarks.com/blog_embed/2ceb2051-d4c5-4b68-954e-e652f67b2025/89DF869A-8219-44ED-9173-E35150961528/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://www.javascriptkit.com/script/script2/formclear.shtml" href="http://www.javascriptkit.com/script/script2/formclear.shtml" style="font-size: 11px;">www.javascriptkit.com</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.javascriptkit.com/script/script2/formclear.shtml"><FONT size="5" face="Arial"> Auto clear form element</FONT></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.javascriptkit.com/script/script2/formclear.shtml"><FONT size="5"><STRONG>Description: </STRONG><SMALL><SMALL>If you have
forms on your page that contain default text in them, this is a great time-saving script
that makes life easier for your visitors that have to fill them out. The script
automatically clears the default text inside the containing form element when the user
sets focus on it, so the user can just aim, focus, and starting typing. Cool! </SMALL></SMALL></FONT></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.javascriptkit.com/script/script2/formclear.shtml"><TEXTAREA cols="69" name="S1" rows="8">onFocus="this.value=''"</TEXTAREA></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.javascriptkit.com/script/script2/formclear.shtml"><P align="left">Here's an example:</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.javascriptkit.com/script/script2/formclear.shtml"><P align="left"><SMALL><FONT face="Courier">&lt;form&gt;
&lt;input type="text" <FONT color="#ff0080"><STRONG>onFocus="this.value=''"</STRONG></FONT>
value="Email address here"&gt;
&lt;/form&gt;</FONT></SMALL></P></blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;">&nbsp;</td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/89DF869A-8219-44ED-9173-E35150961528/blog/" title="blog or email this clip"><img src="http://content8.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>

Clipmarks: Home; New Clips; Top Clips; Dashboard

Popular Topics: News; Life; Science; Technology; Entertainment

Get Started: Sign Up; Install Clipping Tool; How Clipping Works; Clip-to-Blog™; ClipSearch

Tools and Resources: FAQ; ClipWeek; Top Clippers; Top Tags; Site Map

About Clipmarks: About Us; Contact; Blog; Copyright; Privacy; EULA

Search Options

Related Clips

More clips from nouse4name

Today's Top Clips