Submit Button
Submit Button
DescriptionThe 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>
Output


Practice
Change Text of Submit Button
DescriptionWithout 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>
Output


Practice
Image Submit Button
DescriptionOne 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>
Output


Practice
Advertisements