form

< html‎ | elements
Jump to: navigation, search

form

This article is In Progress.



Summary

The form element (<form>) defines an HTML form for user input, subsequently to be submitted to a website or service.


Overview Table

DOM Interface HTMLFormElement

Common Attributes

Name Value Purpose Example Validity
accept-charset
action
autocomplete
method
name
novalidate
target


Compatibility

Do you think this data can be improved? You can ask to add by opening an issue or make a pull request.

Desktop

FeaturesChromeFirefoxInternet ExplorerOperaSafari
Basic support
1.0
Yes
1.0
Yes
?
Yes
?
Yes
?
Yes
novalidate attribute
1.0
Yes
?
Unknown
10
Yes
?
Unknown
?
Unknown

Mobile

FeaturesAndroidFirefox MobileIE MobileOpera MobileSafari Mobile
Basic support
?
Yes
1.0
Yes
?
Yes
?
Yes
?
Yes
novalidate attribute
?
Unknown
4.0
Yes
?
Yes
?
Unknown
?
Unknown

Examples

This example uses the form element to create a basic form containing a text entry box for the user's name and a select control for choosing a favorite ice cream flavor. When the user clicks the Submit button, the form sends the data to the URL listed in the action attribute. The value of the method attribute determines how to send the data to the server.

HTML


    <form action="http://example.microsoft.com/sample.asp" method="post">
        Enter your name: <input name="FName"/><br/>
        Favorite Ice Cream Flavor:
        <select name="Flavor">
            <option value="Chocolate">Chocolate</option>
            <option value="Strawberry">Strawberry</option>
            <option value="Vanilla" selected="selected">Vanilla</option>
        </select>
        <p><input type="submit"/></p>
    </form>

Notes

Remarks

Security Warning:  Using this object incorrectly can compromise the security of your application. Data submitted through a form using the HTTP protocol is not encrypted and can be read and possibly tampered with in transmission. The Secure Hypertext Transfer Protocol (HTTPS) can provide more secure data transmission. You should review the Security Considerations: Dynamic HTML before continuing. Forms enable client-side users to submit data to a server in a standardized format. The creator of a form designs it to collect the required data using a variety of controls, such as input or select. Users viewing the form fill in the data and then click the Submit button to send the data to the server. A script on the server then processes the data. Each control element's name attribute must be defined if the data is to be submitted with the form. An element in a form can be referenced by the name property or the id property, or through the elements collection. When the focus is on a control in a form and the user presses ESC, the value of the control reverts to the last value. The form resets if the user presses ESC again. If the form includes only one text box and the user presses ENTER, the onsubmit event fires. If the form has an input type="submit" element, it will appear as a button with a dark border, which indicates the user can press ENTER to submit the form. Windows Internet Explorer 8 and later. The value of the action attribute depends on the current document compatibility mode. In addition, the form object now supports enctype as a DOM attribute.


Related specifications

Specification Status Related Changes
HTML 5.1 W3C Working Draft
HTML 5 W3C Recommendation
HTML 4.01 W3C Recommendation

See also

Related pages (MSDN)

Attribution

This article contains content originally from external sources.

Portions of this content come from the Microsoft Developer Network: [Windows Internet Explorer API reference Article]



}



}