Vanishing Form Text OnClick

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.