HTML Input form Attributes
The input form attribute specifies the form the <input>
element belongs to.
The value of this attribute must be equal to the id attribute of the <form>
element it belongs to.
Example
<form action="/action_page.php" id="form1"> <label for="fname">First name:</label> <input type="text" id="fname" name="fname"><br><br> <input type="submit" value="Submit"> </form> </label for="lname">Last name:<//label> </input type="text" id="lname" name="lname" form="form1">You can click on above box to edit the code and run again.
Output
The formenctype Attribute
The input formenctype
attribute specifies how the form-data should be encoded when submitted (only for forms with method="post").
Example
<form action="/action_page_binary.asp" method="post"> <label for="fname">First name:</label> <input type="text" id="fname" name="fname"><br><br> <input type="submit" value="Submit"> <input type="submit" formenctype="multipart/form-data" value="Submit as Multipart/form-data"> </form>You can click on above box to edit the code and run again.
Output
The formmethod Attribute
The input formmethod
attribute defines the HTTP method for sending form-data to the action URL.
Note: This attribute overrides the method attribute of the <form> element.
The formmethod
attribute works with the following input types: submit and image.
The form-data can be sent as URL variables (method="get") or as an HTTP post transaction (method="post").
Example
<form action="/action_page.php" method="get"> <label for="fname">First name:</label> <input type="text" id="fname" name="fname"><br><br> <label for="lname">Last name:</label> <input type="text" id="lname" name="lname"><br><br> <input type="submit" value="Submit using GET"> <input type="submit" formmethod="post" value="Submit using POST"> </form>You can click on above box to edit the code and run again.
Output
The formtarget Attribute
The input formtarget attribute
specifies a name or a keyword that indicates where to display the response that is received after submitting the form.
Example
<form action="/action_page.php"> <label for="fname">First name:</label> <input type="text" id="fname" name="fname"><br><br> <label for="lname">Last name:</label> <input type="text" id="lname" name="lname"><br><br> <input type="submit" value="Submit"> <input type="submit" formtarget="_blank" value="Submit to a new window/tab"> </form>You can click on above box to edit the code and run again.
Output
The formnovalidate Attribute
The input formnovalidate attribute specifies that an <input> element should not be validated when submitted.
Example
<form action="/action_page.php"> <label for="email">Enter your email:</label> <input type="email" id="email" name="email"><br><br> <input type="submit" value="Submit"> <input type="submit" formnovalidate="formnovalidate" value="Submit without validation"> </form>You can click on above box to edit the code and run again.
Output
The novalidate Attribute
The novalidate attribute is a <form> attribute.
When present, novalidate specifies that all of the form-data should not be validated when submitted.
Example
<form action="/action_page.php" novalidate> <label for="email">Enter your email:</label> <input type="email" id="email" name="email"><br><br> <input type="submit" value="Submit"> </form>You can click on above box to edit the code and run again.
Output
HTML Form and Input Elements
Tag | Description |
---|---|
<form> | Defines an HTML form for user input |
<input> | Defines an input control |