When all is said and done, the user needs to indicate that they are finished entering information with the form and want to submit it. This is done with a submit
button, which is usually the last (or second-to-last) tag before the closing </form>
tag:
<input type="submit" value="Go!">
While it is not necessary to place an id
or name
on the submit
button, doing so can be useful for the purposes of validating the form information, which I cover in the PHP section.
Reset
A reset
button sets the form back to its default settings. Be very careful where you place a reset
button: too close to the submit
button and some users will inevitably accidentally click on it rather than the submit
button by mistake, and there is no way to get back their information once they have done so. Physically separate the submit
and reset
buttons with a space at the very least, or skip the reset button entirely.
<input type="reset" value="Reset form">
Enjoy this piece? I invite you to follow me at twitter.com/dudleystorey to learn more.