Change Language


Follow Navioo On Twitter

form

Defines a form within a document.

Browser/User Agent Support

IE Netscape Mozilla Opera Safari
2.0+ 1.0+ 1.0+ 4.0+ 1.0+

Example

This example shows a form that collects a customer's name and phone number:


<form action="thankyou.php" name="orderform" id="orderform" method="get" 
onsubmit="return validate();"
onreset="return confirm('Clear all fields and reset form?');">
	<input type="text" id="customerName" name="customerName" />
	<input type="text" id="phoneNumber" name="phoneNumber" />
	<br />
	<input type="submit" name="Submit" id="submit" value="Submit" />
	<input type="reset" name="Reset" id="reset" value="Reset" />
</form>

Remarks

In addition to <fieldset> </fieldset>, <label> </label>, and <legend> </legend> elements, you can use <table> </table> and <div> </div> elements to improve the layout of a form.

Attribute Detail

Attribute IE Netscape Mozilla Opera Safari
Comma or space-delimited list of character encodings that are accepted by the server processing the form.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
action
[URL]
URL for submitting the form.
2.0 1.0+ 1.0+ 4.0+ 1.0+
 
Specifies whether form autocompletion, which automatically completes the fields on a form after the user has typed enough letters, is on or off.
5.0+ no no no 1.0+
 
class
[class-name]. Example values: header-class, list-element, etc.
CSS class assigned to the element.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Specifies whether or not the content of the element is editable, or if the element inherits the value of this property from its parent.
4.0+ no no no 1.0+
 
dir
Direction of the element text.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Specifies whether or not the element is disabled.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
enctype
[type-of-encoding]
Specifies the MIME type for the element data being sent to the server.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Specifies whether the element shows a visual cue when it has focus.
5.5+ no no no no
 
id
[element-id]
Unique identifier for the element.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
lang
[language-code]. Example values: "en" (English), "fr" (French), "es" (Spanish), etc.
Language code for the content of the element.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Script language for the element.
3.0+ 2.0+ 1.0+ no 1.0+
 
Specifies the method to use to transfer form data to the server.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
name
[element-name]
Unique name identifier for the element.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
style
[style-name]
Inline style for the element.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
tabindex
[number]
Position of the element in the tabbing order for the document.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
target
Example values: "mycat.php" (url), "_blank", "_self", etc.
Target window to use for opening the linked document.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
title
[text-description]
Short text description for the element.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Specifies whether or not the element is unselectable.
5.5+ no no no no
 

Event Detail

Event IE Netscape Mozilla Opera Safari
Fires when the element becomes active.
4.0+ no no no no
 
Fires immediately before the element becomes active.
4.0+ no no no no
 
Fires immediately before the selection is copied to the clipboard.
4.0+ no no no 1.0+
 
Fires immediately before the selection is cut to the clipboard.
4.0+ no no no 1.0+
 
Fires immediately before the element stops being the active element.
4.0+ no no no no
 
Fires immediately before the element receives focus prior to being edited.
4.0+ no no no no
 
Fires immediately before the selection is pasted from the clipboard to the element.
4.0+ no no no 1.0+
 
Fires when the element loses focus.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when the element is clicked.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when the element is right-clicked and the context menu opens.
4.0+ no no no 1.0+
 
Fires immediately before the element is selected.
4.0+ no no no no
 
Fires when the element is copied to the clipboard.
4.0+ no no no 1.0+
 
Fires when the element is cut to the clipboard.
4.0+ no no no 1.0+
 
Fires when the element is double-clicked.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when the active element becomes inactive.
4.0+ no no no no
 
Fires when the element is dragged.
4.0+ no no no 1.0+
 
Fires when the element is released from being dragged.
4.0+ no no no 1.0+
 
Fires when the element has another object dragged onto it that can be dropped on the element.
4.0+ no no no 1.0+
 
Fires when an element has an object dragged out of it that could be dropped onto the element.
4.0+ no no no 1.0+
 
Fires when an element has an object dragged over it that could be dropped onto the element.
4.0+ no no no 1.0+
 
Fires immediately before an element is dragged.
4.0+ no no no 1.0+
 
Fires when an object is dropped onto the element.
4.0+ no no no 1.0+
 
Fires when the element receives focus.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires immediately before an element receives focus.
4.0+ no no no no
 
Fires immediately after focus moves from the element to another element.
4.0+ no no no no
 
Fires when a user presses the F1 key to activate help.
4.0+ no no no no
 
Fires when a user presses down on a key while the element has focus.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when a user presses a key or holds down the key while the element has focus.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when a user releases a key while the element has focus.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when the element loses mouse capture.
4.0+ no no no no
 
Fires when a user clicks down on the mouse button while the element has focus.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when the mouse pointer enters the element.
4.0+ no no no no
 
Fires when the mouse pointer leaves the element.
4.0+ no no no no
 
Fires when the mouse moves while the pointer over the element.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when the mouse pointer moves off of the element.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when the mouse pointer moves over the element.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when the user releases the mouse button while the element has focus.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when the user rotates the mouse wheel while the element has focus.
4.0+ no no no no
 
Fires when the element moves.
4.0+ no no no no
 
Fires when the element stops moving.
4.0+ no no no no
 
Fires immediately before the element moves.
4.0+ no no no no
 
Fires when the clipboard contents are pasted onto the element.
4.0+ no no no 1.0+
 
Fires when one of the properties of the element changes.
4.0+ no no no no
 
Fires when the ready state of the element changes.
4.0+ no no no no
 
Fires when the form data is reset.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when the element is finished being resized.
4.0+ no no no no
 
Fires immediately before a user resizes the element.
4.0+ no no no no
 
Fires immediately before the element is selected.
4.0+ no no no 1.0+
 
Fires when the form data is submitted.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when a time-related error occurs.
4.0+ no no no no
 

Examples -> Source code Demo online - > form:

Ajax Javascript feed

↑ Grab this Headline Animator