EchoEcho.Com Homepage
Web Hosting - As Reliable As It Gets!
   Home > Tutorials > HTML > Forms


 Tutorials 
 D-Zine Articles 
 Online Tools 
 Free Resources 
 References 
 Quiz 
 Hosting 

















  HTML Forms :
SUBMIT BUTTON








When a visitor clicks a submit button, the form is sent to the address specified in the action setting of the <form> tag.

Since visitors aren't always perfectionists you might consider adding a javascript validation of the content before it is actually sent.





SETTINGS:

Below is a listing of valid settings for submit buttons:


HTMLEXPLANATIONEXAMPLE
submit
��name=
��value=
��align=
��tabindex=

Submit button
Name of the button.
Text written on the button.
Alignment of the button.
Tab order of the button.




The name setting adds an internal name to the button so the program that handles the form doesn't confuse the button with the other fields.

The value setting defines what is written on the button.

The align setting defines how the button is aligned.
Valid entries are: TOP, MIDDLE, BOTTOM, RIGHT, LEFT, TEXTTOP, BASELINE, ABSMIDDLE, ABSBOTTOM.
The alignments are explained in the image section.
You can learn about the different alignments here.

The tabindex setting defines in which order the different fields should be activated when the visitor clicks the tab key.




AN EXAMPLE:

Look at this HTML example:
<html>
<head>
<title>My Page</title>
</head>
<body>
<form name="myform" action="http://www.mydomain.com/myformhandler.cgi" method="POST">
<div align="center">
<br><br>
<input type="text" size="25" value="Enter your name here!">
<br><input type="submit" value="Send me your name!"><br>
</div>
</form>
</body>
</html>


And the resulting output from it:






 << PREVIOUS
READ MORE >>  
















DEVELOPER TIP!
FACT:
Few of the web's most visited sites use more than 15 different tags.
TIP:
An HTML editor may help you create pages faster.
But it also means that your pages load slower and that your design options are limited.

It doesn't take a hardcore nerd to learn 15 tags in HTML!





     "Better Than Books - As Easy As It Gets!"


On EchoEcho: D-Zine Articles | Tutorials | Online Tools | Free Resources | References | Quiz | HostingAbout EchoEcho