Active Jump Logo


Information
The Basics
Text
Pictures
Spacing
Colors
Links
Alignment
Lists/Bullets
Tables
Frames
Multimedia
Forms
ISO Characters
Meta Tags
Contact Us


Email Support
Email Contact

Divider

Reset Button
Introduction
The reset button is a button that when clicked, will clear all of the fields. This is very useful for your visitors if they mess up on the fields and want a quick way to delete them all.
Reset Button
The tag to add a reset button is <INPUT TYPE="reset">. This will reset all the fields that are in the same form as the reset button.

index.html - Notepad
....<BODY>

<FORM METHOD="POST" ACTION="script.cgi">

<INPUT TYPE="text"> <BR>
<INPUT TYPE="text"> <BR>
<INPUT TYPE="reset">

</FORM>

</BODY>....

My Homepage - Microsoft Internet Explorer



Initial Value
Without specifying anything, the reset button has a default value of "reset". However, you are able to change this by adding the line VALUE="X" to the tag <INPUT TYPE="reset"> so the final result is <INPUT TYPE="reset" VALUE="X">. X is replaced with the initial value. The initial value is what will be displayed in the button.

index.html - Notepad
....<BODY>

<FORM METHOD="POST" ACTION="script.cgi">

<INPUT TYPE="text"> <BR>
<INPUT TYPE="text"> <BR>
<INPUT TYPE="reset" VALUE="Clear">

</FORM>

</BODY>....

My Homepage - Microsoft Internet Explorer



Test Your HTML
Printer Friendly Version


Jonathan David VerLee
webmaster@activejump.com


White