Introduction
Text
Formatting
Links
Lists
Images
Tables
Frames
Forms
Interacting with Forms
Form Tag
Text
Checkbox
Radio
Password
Hidden
Submit
Image
Reset
Select
Textarea
Conclusion


Input Tag: Reset
The reset field is a button, that when user clicks on it all form fields will be reset to their default values. The basic reset field code will look like this:

<INPUT TYPE="reset">

You can further customize it by adding more attributes to the <INPUT> tag.

The NAME attribute assigns a name to this input field. The program you will use to process this information will need to know the name of the field.

The VALUE attribute is what will be displayed on the button.

The TABINDEX attribute specifies the order in which the field will be activated by pressing the tab button.

Here is the code for an example of a complete reset field:

<FORM ACTION="#">
Enter your city here:
<INPUT TYPE="text" SIZE="20" NAME="city" VALUE="" TABINDEX="1"><BR>
Enter you zip code here:
<INPUT TYPE="text" SIZE="10" MAXLENGTH="10" NAME="zip_code" VALUE="00000-0000" TABINDEX="2"><BR>
<INPUT TYPE="reset" NAME="clear" VALUE="Clear All">
</FORM>


Here is how it will look:

Enter your city here:
Enter you zip code here:

back  next

© Copyright 2000-2002 by Pepmint.com. All Rights Reserved

Search Pepmint.com

home :: tutorial :: portfolio :: links :: hammies :: guestbook :: contact