input submit

input submit

HTML input submit Element

Setting the HTML input element's type attribute to "submit" will render a button which has the specific task of submitting a web<form> when clicked.
Upon submit all of the form's gathered data can be accessed in several ways:

1. send straight to the PHP parse file for good old traditional style form parsing.
2. validate with Javascript before it goes to PHP(but do not rely on Javascript validation alone)
3. Javascript-PHP(Ajax) form parsing to not require whole page refreshing.

HTML CODE EXAMPLE

<form action="parse_file.php" name="myForm" method="post">
  <p>Your Name: <br />
  <input type="text" name="senderName" /></p>
  <p>Your Email: <br />
  <input type="text" name="senderEmail" /></p>
  <input name="Submit" type="submit" value="Submit Info">
</form>

 

Your Name:

Your Email:

 click here to code.

Attributes for this element:

type - specify the type of input
Value: "submit"
name - specify the input's name that your form parsing script will access
Possible Values: "short descriptive name"
value - specify the submit button's value
Possible Values: "a string"
disabled - specify that the input be disabled
Possible Values: "disabled"
global attributes - global core attributesSee: list of global attributes

New HTML5 attributes for this element:(applies 2014)

form - set a relationship between the input and a form
Possible Values: "a form's id attribute value"
autofocus - specify that the input receive focus when page is loaded
Possible Values: "autofocus"
formaction - specify the server side parse file that handles the form submission
Possible Values: "URL string for your parse file"
formenctype - specify the form data encoding type
Possible Values: "text/plain" , "multipart/form-data" , "application/x-www-form-urlencoded"
formmethod - specify the HTTP method for the form data
Possible Values: "post", "get"
formtarget - specify the browser window target for the form submission
Possible Values:"_blank", "_self", "_parent", "_top"
formnovalidate - specify that the submit button's value does not require validation
Possible Values: "novalidate"

Event handlers for this element:

global event handlers - global event handler attributesSee: list of global event handlers

Tweet