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
Submit Button
[notify admin to delete page]
297
Submit Button
Delete Section
Description
The tag to add a submit button is <INPUT TYPE="submit">. This will submit all the fields that are in that form to the CGI script to be processed.
The tag to add a submit button is <INPUT TYPE="submit">. This will submit all the fields that are in that form to the CGI script to be processed.
Code
<FORM METHOD="POST" ACTION="http://www.activejump.com/HTML/Forms/Submit_Button"> <INPUT TYPE="text"> <BR> <INPUT TYPE="text"> <BR> <INPUT TYPE="submit"> </FORM>
<FORM METHOD="POST" ACTION="http://www.activejump.com/HTML/Forms/Submit_Button"> <INPUT TYPE="text"> <BR> <INPUT TYPE="text"> <BR> <INPUT TYPE="submit"> </FORM>
Output
<INPUT TYPE="text"> <BR> <INPUT TYPE="text"> <BR> <INPUT TYPE="submit">
<INPUT TYPE="text"> <BR> <INPUT TYPE="text"> <BR> <INPUT TYPE="submit">
Practice
Cannot Edit - Code section automatically placed here.
Change Text of Submit Button
Delete Section
Description
Without specifying anything, the submit button has a default value of "Submit Query". However, you are able to change this by adding the line VALUE="X" to the tag <INPUT TYPE="submit"> so the final result is <INPUT TYPE="submit" VALUE="X">. X is replaced with the initial value.
Without specifying anything, the submit button has a default value of "Submit Query". However, you are able to change this by adding the line VALUE="X" to the tag <INPUT TYPE="submit"> so the final result is <INPUT TYPE="submit" VALUE="X">. X is replaced with the initial value.
Code
<FORM METHOD="POST" ACTION="http://www.activejump.com/HTML/Forms/Submit_Button"> <INPUT TYPE="text"> <BR> <INPUT TYPE="text"> <BR> <INPUT TYPE="submit" VALUE="Click To Send"> </FORM>
<FORM METHOD="POST" ACTION="http://www.activejump.com/HTML/Forms/Submit_Button"> <INPUT TYPE="text"> <BR> <INPUT TYPE="text"> <BR> <INPUT TYPE="submit" VALUE="Click To Send"> </FORM>
Output
<INPUT TYPE="text"> <BR> <INPUT TYPE="text"> <BR> <INPUT TYPE="submit" VALUE="Click To Send">
<INPUT TYPE="text"> <BR> <INPUT TYPE="text"> <BR> <INPUT TYPE="submit" VALUE="Click To Send">
Practice
Cannot Edit - Code section automatically placed here.
Image Submit Button
Delete Section
Description
One of the neatest things you can do with the submit button is use your own image instead of the default gray box. To do this, use the tag <INPUT TYPE="image" SRC="url">. URL is replaced with the internet address of the picture you want to use.
One of the neatest things you can do with the submit button is use your own image instead of the default gray box. To do this, use the tag <INPUT TYPE="image" SRC="url">. URL is replaced with the internet address of the picture you want to use.
Code
<FORM METHOD="POST" ACTION="http://www.activejump.com/HTML/Forms/Submit_Button"> <INPUT TYPE="text"> <BR> <INPUT TYPE="text"> <BR> <INPUT TYPE="http://www.activejump.com/images/send.jpg"> </FORM>
<FORM METHOD="POST" ACTION="http://www.activejump.com/HTML/Forms/Submit_Button"> <INPUT TYPE="text"> <BR> <INPUT TYPE="text"> <BR> <INPUT TYPE="http://www.activejump.com/images/send.jpg"> </FORM>
Output
<INPUT TYPE="text"> <BR> <INPUT TYPE="text"> <BR> <INPUT TYPE="image" SRC="http://www.activejump.com/images/send.jpg">
<INPUT TYPE="text"> <BR> <INPUT TYPE="text"> <BR> <INPUT TYPE="image" SRC="http://www.activejump.com/images/send.jpg">
Practice
Cannot Edit - Code section automatically placed here.
Click to add Section
Advertisements
