HTML - Submit Buttons

  »   HTML forms  »   HTML Tutorial - Submit Buttons

The submit buttons are another use of the <input> tag. Those will show a typical button, which will perform the action of sending the form.

html<input type="submit" value="Submit" /><br />

<input type="submit" value="Send" /><br />

<input type="submit" value="Continue" />

Demo



As you can see we made a variation of sending buttons, changing the text of the value attribute. This can be modified depending on the demands.

Submit - The sending

For a submit button to work correctly it is needed to be placed in the <form> tag, and also other other attributes are required. Those will be method and action. Also, we will need a PHP, PERL or ASP file, to recive the info on server side and fully complete this action.

Another option would be to set the value of the action attribute as mailto, followed by an e-mail address, and the form will be sent to the e-mail address.

html<form method="post" action="mailto:email@example.com" >

	Name:<input type="text" name="Name" size="15" maxlength="15" /><br />
	
	Last Name:<input type="text" name="Last_name" size="25" maxlength="25" /><br />
	
	<input type="submit" value="Send email" />

</form>

Demo

Name:
Last Name:

Just change email@example.com email with your order form that will be functional.