Printed from BasicTips.com, FREE helpful articles and tips for Webmasters and Business Owners
Copyright © 1994-2006 by BasicTips.com, a division of BasicTemplates.BIZ
All rights reserved. Republication in whole or in part in any form is not permitted.

Sponsored by BasicTemplates.BIZ
Website Templates with External CSS and Removable Graphics
http://www.BasicTemplates.biz

Co-Sponsored by Effective-Website-Secrets.com
Teaching webmasters effective web development and marketing techniques via free podcasts.
http://www.Effective-Website-Secrets.com

Category: Web Design
Vanishing Form Text OnClick
By BasicTemplates with External CSS



Click Here to View Live Example
Often times you may have form text box that includes text within it when your pages loads. This little tip will show you how to make that text disappear as soon as your visitor clicks their mouse inside the text box.

Copy and paste the following code into your web page where you want the text box to appear. Note: This is only the text box field and not a fully working form.

<textarea name="url" cols="30" onFocus="value=''" rows="6">Your text here.</textarea>

Change the text between the "textarea" tags to whatever you would want displayed.

Try it yourself! Click on the "View Live Example" image above.