The HTMLFormElement interface represents a form element in the DOM; it allows access to and in some cases modification of aspects of the form, as well as access to its component elements.
Documentation HTMLFormElement by Mozilla Contributors, licensed under CC-BY-SA 2.5.
See also:
Variables
A DOMString reflecting the value of the form's accept-charset HTML attribute, representing the character encoding that the server accepts.
A DOMString reflecting the value of the form's action HTML attribute, containing the URI of a program that processes the information submitted by the form.
A DOMString reflecting the value of the form's autocomplete HTML attribute, indicating whether the controls in this form can have their values automatically populated by the browser.
A HTMLFormControlsCollection holding all form controls belonging to this form element.
A DOMString reflecting the value of the form's enctype HTML attribute, indicating the type of content that is used to transmit the form to the server. Only specified values can be set. The two properties are synonyms.
A DOMString reflecting the value of the form's enctype HTML attribute, indicating the type of content that is used to transmit the form to the server. Only specified values can be set. The two properties are synonyms.
read onlylength:Int
A long reflecting the number of controls in the form.
A DOMString reflecting the value of the form's method HTML attribute, indicating the HTTP method used to submit the form. Only specified values can be set.
A DOMString reflecting the value of the form's name HTML attribute, containing the name of the form.
A Boolean reflecting the value of the form's novalidate HTML attribute, indicating whether the form should not be validated.
A DOMString reflecting the value of the form's target HTML attribute, indicating where to display the results received from submitting the form.
Methods
Returns true if the element's child controls are subject to constraint validation and satisfy those contraints; returns false if some controls do not satisfy their constraints. Fires an event named invalid at any control that does not satisfy its constraints; such controls are considered invalid if the event is not canceled. It is up to the programmer to decide how to respond to false.
Returns true if the element's child controls satisfy their validation constraints. When false is returned, cancelable invalid events are fired for each invalid child and validation problems are reported to the user.
Resets the form to its initial state.
Submits the form to the server.
Throws:
Inherited Variables
Returns a NamedNodeMap object containing the assigned attributes of the corresponding HTML element.
Returns a DOMTokenList containing the list of class attributes.
Is a DOMString representing the class of the element.
Returns a Number representing the inner height of the element.
Returns a Number representing the width of the left border of the element.
Returns a Number representing the width of the top border of the element.
Returns a Number representing the inner width of the element.
id:String
Is a DOMString representing the id of the element.
Is a DOMString representing the markup of the element's content.
A DOMString representing the local part of the qualified name of the element.
The namespace URI of the element, or null if it is no namespace.
Note: In Firefox 3.5 and earlier, HTML elements are in no namespace. In later versions, HTML elements are in the http://www.w3.org/1999/xhtml namespace in both HTML and XML trees. 1.9.2
Returns the event handler for the gotpointercapture event type.
Returns the event handler for the lostpointercapture event type.
Returns the event handling code for the wheel event. This is now implemented on GlobalEventHandlers.onwheel.
Is a DOMString representing the markup of the element including its content. When used as a setter, replaces the element with nodes parsed from the given string.
read onlyprefix:String
A DOMString representing the namespace prefix of the element, or null if no prefix is specified.
Returns a Number representing the scroll view height of an element.
Is a Number representing the left scroll offset of the element.
Returns a Number representing the maximum left scroll offset possible for the element.
A Number representing number of pixels the top of the document is scrolled vertically.
Returns a Number representing the maximum top scroll offset possible for the element.
Returns a Number representing the scroll view width of the element.
Returns the open shadow root that is hosted by the element, or null if no open shadow root is present.
Returns the name of the shadow DOM slot the element is inserted in.
read onlytagName:String
Returns a String with the name of the tag for the given element.
Defined by Node
read onlybaseURI:String
Returns a DOMString representing the base URL. The concept of base URL changes from one language to another; in HTML, it corresponds to the protocol, the domain name and the directory structure, that is all until the last '/'.
Returns a live NodeList containing all the children of this node. NodeList being live means that if the children of the Node change, the NodeList object is automatically updated.
Returns a Node representing the first direct child node of the node, or null if the node has no child.
Returns a boolean indicating whether or not the Node is connected (directly or indirectly) to the context object, e.g. the Document object in the case of the normal DOM, or the ShadowRoot in the case of a shadow DOM.
Returns a Node representing the last direct child node of the node, or null if the node has no child.
Returns a Node representing the next node in the tree, or null if there isn't such node.
Returns a DOMString containing the name of the Node. The structure of the name will differ with the node type. E.g. An HTMLElement will contain the name of the corresponding tag, like 'audio' for an HTMLAudioElement, a Text node will have the '#text' string, or a Document node will have the '#document' string.
Returns an unsigned short representing the type of the node. Possible values are:
Name
Value
ELEMENT_NODE |
1 |
ATTRIBUTE_NODE (deprecated) |
2 |
TEXT_NODE |
3 |
CDATA_SECTION_NODE (deprecated) |
4 |
ENTITY_REFERENCE_NODE (deprecated) |
5 |
ENTITY_NODE (deprecated) |
6 |
PROCESSING_INSTRUCTION_NODE |
7 |
COMMENT_NODE |
8 |
DOCUMENT_NODE |
9 |
DOCUMENT_TYPE_NODE |
10 |
DOCUMENT_FRAGMENT_NODE |
11 |
NOTATION_NODE (deprecated) |
12 |
Returns / Sets the value of the current node
Returns the Document that this node belongs to. If the node is itself a document, returns null.
Returns an Element that is the parent of this node. If the node has no parent, or if that parent is not an Element, this property returns null.
Returns a Node that is the parent of this node. If there is no such node, like if this node is the top of the tree or if doesn't participate in a tree, this property returns null.
Returns a Node representing the previous node in the tree, or null if there isn't such node.
Returns / Sets the textual content of an element and all its descendants.
Inherited Methods
Removes keyboard focus from the currently focused element.
Throws:
Sends a mouse click event to the element.
Makes the element the current keyboard focus.
Throws:
animate(keyframes:Dynamic, ?options:Float):Animation
A shortcut method to create and run an animation on an element. Returns the created Animation object instance.
Throws:
Attatches a shadow DOM tree to the specified element and returns a reference to its ShadowRoot.
Throws:
Returns the Element which is the closest ancestor of the current element (or the current element itself) which matches the selectors given in parameter.
Throws:
Returns an array of Animation objects currently active on the element.
Retrieves the value of the named attribute from the current node and returns it as an Object.
getAttributeNS(namespace:String, localName:String):String
Retrieves the value of the attribute with the specified name and namespace, from the current node and returns it as an Object.
Returns an array of attribute names from the current element.
Retrieves the node representation of the named attribute from the current node and returns it as an Attr.
Retrieves the node representation of the attribute with the specified name and namespace, from the current node and returns it as an Attr.
Returns the size of an element and its position relative to the viewport.
Returns a collection of rectangles that indicate the bounding rectangles for each line of text in a client.
Returns a live HTMLCollection that contains all descendants of the current element that possess the list of classes given in the parameter.
Returns a live HTMLCollection containing all descendant elements, of a particular tag name, from the current element.
Returns a live HTMLCollection containing all descendant elements, of a particular tag name and namespace, from the current element.
Throws:
Returns a Boolean indicating if the element has the specified attribute or not.
hasAttributeNS(namespace:String, localName:String):Bool
Returns a Boolean indicating if the element has the specified attribute, in the specified namespace, or not.
Returns a Boolean indicating if the element has one or more HTML attributes present.
Inserts a given element node at a given position relative to the element it is invoked upon.
Throws:
Parses the text as HTML or XML and inserts the resulting nodes into the tree in the position given.
Throws:
Inserts a given text node at a given position relative to the element it is invoked upon.
Throws:
matches(selector:String):Bool
Returns a Boolean indicating whether or not the element would be selected by the specified selector string.
Throws:
Returns the first Node which matches the specified selector string relative to the element.
Throws:
Returns a NodeList of nodes which match the specified selector string relative to the element.
Throws:
Releases (stops) pointer capture that was previously set for a specific PointerEvent.
Throws:
Removes the named attribute from the current node.
Throws:
removeAttributeNS(namespace:String, localName:String):Void
Removes the attribute with the specified name and namespace, from the current node.
Throws:
Removes the node representation of the named attribute from the current node.
Throws:
Asynchronously asks the browser to make the element full-screen.
Throws:
Allows to asynchronously ask for the pointer to be locked on the given element.
Scrolls the page until the element gets into the view.
setAttribute(name:String, value:String):Void
Sets the value of a named attribute of the current node.
Throws:
setAttributeNS(namespace:String, name:String, value:String):Void
Sets the value of the attribute with the specified name and namespace, from the current node.
Throws:
Sets the node representation of the named attribute from the current node.
Throws:
Sets the node representation of the attribute with the specified name and namespace, from the current node.
Throws:
@:value({ retargetToElement : false })setCapture(retargetToElement:Bool = false):Void
Sets up mouse event capture, redirecting all mouse events to this element.
Designates a specific element as the capture target of future pointer events.
Throws:
toggleAttribute(name:String, ?force:Bool):Bool
Toggles a boolean attribute, removing it if it is present and adding it if it is not present, on the specified element.
Throws:
Defined by Node
Adds the specified childNode argument as the last child to the current node.
If the argument referenced an existing node on the DOM tree, the node will be detached from its current position and attached at the new position.
@throws DOMError
@:value({ deep : false })cloneNode(deep:Bool = false):Node
Clone a Node, and optionally, all of its contents. By default, it clones the content of the node.
Throws:
Compares the position of the current node against another node in any other document.
Returns a Boolean value indicating whether a node is a descendant of a given node or not.
Returns the context object's root which optionally includes the shadow root if it is available.
Returns a Boolean indicating if the element has any child nodes, or not.
Inserts a Node before the reference node as a child of a specified parent node.
Throws:
Accepts a namespace URI as an argument and returns a Boolean with a value of true if the namespace is the default namespace on the given node or false if not.
Returns a Boolean which indicates whether or not two nodes are of the same type and all their defining data points match.
Returns a Boolean value indicating whether or not the two nodes are the same (that is, they reference the same object).
Accepts a prefix and returns the namespace URI associated with it on the given node if found (and null if not). Supplying null for the prefix will return the default namespace.
lookupPrefix(namespace:String):String
Returns a DOMString containing the prefix for a given namespace URI, if present, and null if not. When multiple prefixes are possible, the result is implementation-dependent.
Clean up all the text nodes under this element (merge adjacent, remove empty).
Removes a child node from the current element, which must be a child of the current node.
Throws:
Replaces one child Node of the current one with the second one given in parameter.
Throws: