HTML
|
JavaScript
Alignment
Basics
Character Codes
Colors
CSS
DIVS
Forms
Frames
Links
Lists and Bullets
Meta Tags
Multimedia
Pictures
Spacing
Tables
Text
Checkbox
Disable a Field
Field Length
Field Size
Hidden Field
Image Button
Initial Value
Password Field
Radio Button
Reset Button
Selection List
Submit Button
Text Field
Textarea
Reset Button
296
Reset Button
Description
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.
Code
<FORM METHOD="POST" ACTION="script.cgi">
<INPUT TYPE="text"> <BR>
<INPUT TYPE="text"> <BR>
<INPUT TYPE="reset">
</FORM>
Output
Practice
<FORM METHOD="POST" ACTION="script.cgi"> <INPUT TYPE="text"> <BR> <INPUT TYPE="text"> <BR> <INPUT TYPE="reset"> </FORM>
Change Button Text
Description
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.
Code
<FORM METHOD="POST" ACTION="script.cgi">
<INPUT TYPE="text"> <BR>
<INPUT TYPE="text"> <BR>
<INPUT TYPE="reset" VALUE="Clear">
</FORM>
Output
Practice
<FORM METHOD="POST" ACTION="script.cgi"> <INPUT TYPE="text"> <BR> <INPUT TYPE="text"> <BR> <INPUT TYPE="reset" VALUE="Clear"> </FORM>
Advertisements
