HTML 5 <form> Tag
Example
A simple HTML form with two input fields and one submit button:
<form action="form_action.asp">
First name:
<input type="text" name="fname" value="Mickey"
/><br />
Last name:<input type="text" name="lname" value="Mouse"
/><br />
<input type="submit" value="Submit" />
</form> |
Try it yourself »
|
Definition and Usage
The form element creates a form for user input.
The form element contains one or more form elements: button, input, keygen, object, output, select, and textarea.
Forms are used to pass user-data to a server.
Differences Between HTML 4.01 and HTML 5
HTML 5 has some new attributes, and some HTML 4.01 attributes are not supported in HTML 5.
Attributes
| Attribute |
Value |
Description |
| accept-charset |
charset_list |
A comma separated list of possible character sets for the
form data. |
| action |
URL |
A URL that defines where to send the data when the submit button
is pushed |
| autocomplete |
on
off |
If "on" browsers can store the form's input values, to auto-fill the form if the user returns to the page.
If "off" browsers should not store this information. |
| enctype |
application/x-www-form-urlencoded
multipart/form-data
text/plain |
The mime type used to encode the content of the form |
| method |
get
post
put
delete |
The HTTP method for sending data to the action URL. Default
is get. method="get": This method sends the form contents
in the URL: URL?name=value&name=value. Note: If the form values contains non-ASCII characters or
exceeds 100
characters you MUST use method="post".
method="post": This method sends the form contents in the body of the request.
Note: Most browsers are
unable to bookmark post requests.
|
| name |
form_name |
Defines a unique name for the form. |
| novalidate |
novalidate |
If present the form should not be validated when submitted. |
| target |
_blank
_self
_parent
_top |
Where to open the target URL.
- _blank - the target URL will open in a new window
- _self - the target URL will open in the same frame as it was clicked
- _parent - the target URL will open in the parent frameset
- _top - the target URL will open in the full body of the window
|
Standard Attributes
| class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title |
For a full description, go to Standard Attributes in HTML 5.
Event Attributes
| onabort, onbeforeunload, onblur, onchange, onclick,
oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave,
ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress,
onkeyup, onload, onmessage, onmousedown, onmousemove,
onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect,
onsubmit, onunload |
For a full description, go to Event Attributes in HTML 5.
Create a free Flash website with our simple, online web design editing platform. Stunning templates
and user-friendly tools make website building easy and fun.
Start Creating your free website now!
Need an easy way to get data into XML, or transform XML to another format?
MapForce lets you map XML data to/from any combination of XML, database, flat file,
Excel 2007, XBRL, or Web services data. Then it transforms data instantly or
auto-generates royalty-free code for recurrent conversions.
New features in Version 2010!
- Easy-to-use, graphical data mapping interface
- Instant data transformation
- XSLT 1.0/2.0 and XQuery code generation
- Java, C#, and C++ code generation
- Advanced data processing functions
- Support for all major relational databases including SQL Server, IBM DB2, Oracle, and more
- Visual Studio & Eclipse integration
- Available in 32-bit and 64-bit versions
Download a fully-functional trial today!
|
|
|
|
