Web Forms 2.0

Abstract

This specification defines Web Forms 2.0, an extension to the forms features found in HTML 4.01's Forms chapter. Web Forms 2.0 applies to both HTML and XHTML user agents. It agents, and provides new strongly-typed input fields, new attributes for defining constraints, a repeating model for declarative repeating of form sections, new DOM interfaces, new DOM events for validation and dependency tracking, and XML submission and initialization of forms. It This specification also standardises and codifies existing practice in areas that have not been previously documented.

HTML4, XHTML1.1, and the DOM are thus extended in a manner that has a clear migration path from existing HTML forms, leveraging the knowledge authors have built up with their experience with HTML so far.

Status of this document

This document is the result of a loose collaboration between interested parties in the context of the Web Hypertext Application Technology Working Group .

This is the second first call-for-comments draft of Web Forms 2.0. If you wish to make comments regarding this document, please send them to whatwg@whatwg.org . All feedback is welcome. Your input will be taken into consideration.

This is a working draft and may therefore be updated, replaced or rendered obsolete by other documents at any time. It is inappropriate to use Working Drafts as reference material or to cite them as other than "work in progress".

Experimental implementations of this document are encouraged. Unless large problems are discovered, future changes to this specification will be minor. It is expected that a call for implementations will be published early in 2005.

This draft may contain namespaces that use the uuid: URI scheme. These are temporary and will be changed before this specification is ready to be implemented in consumer products.

To find the latest version of this working draft, please follow the "Latest version" link above.

Table of contents

• 1. Introduction
  • 1.1. Scope
  • 1.2. 1.1. Relationship to HTML
  • 1.3. 1.2. Relationship to XHTML
  • 1.4. 1.3. Relationship to XForms
  • 1.5. 1.4. Relationship to XForms Basic
  • 1.6. 1.5. Missing features
  • 1.7. 1.6. Conformance requirements
  • 1.8. 1.7. Terminology
  • 1.9. Extensibility
• 2. Extensions to form control elements
  • 2.1. Introduction for authors
  • 2.2. Existing controls
  • 2.3. Changes to existing controls
  • 2.4. 2.1. Extensions to the input element
    • 2.4.1. 2.1.1. Ranges
    • 2.4.2. 2.1.2. Precision
  • 2.5. Extensions to existing attributes
  • 2.6. The pattern attribute
  • 2.7. The required attribute
  • 2.8. The form attribute
  • 2.9. The autocomplete attribute
  • 2.10. The autofocus attribute
  • 2.11. The inputmode attribute
  • 2.12. The datalist element and the list attribute
  • 2.13. 2.2. The output element
  • 2.3. Extensions to the select element 2.14. 2.4. Extensions to the textarea element
  • 2.15. 2.5. Extensions to file upload controls
  • 2.16. 2.6. Extensions to the form element
  • 2.17. 2.7. Extensions to the submit buttons
  • 2.8. Extensions to existing attributes 2.9. The pattern attribute 2.10. The required attribute 2.11. The form attribute 2.12. The autocomplete attribute 2.13. The autofocus attribute 2.14. The inputmode attribute 2.15. The help attribute 2.18. 2.16. Handling unexpected elements and values
• 3. The repetition model for repeating Repeating form controls
  • 3.1. Introduction for authors
    • 3.1.1. More features
    • 3.1.2. Suggestions for authors
    • 3.1.3. 3.1.1. What the repetition model can't do
  • 3.2. Definitions
    • 3.2.1. Repetition templates
    • 3.2.2. Repetition blocks
  • 3.3. New form controls
  • 3.4. The repeat-min and repeat-max attributes
  • 3.5. Event interface for repetition events
  • 3.6. The repetition model
    • 3.6.1. Addition
    • 3.6.2. Removal
    • 3.6.3. Movement of repetition blocks
    • 3.6.4. Initial repetition blocks
    • 3.6.5. Notes for assistive technologies
  • 3.7. Examples
    • 3.7.1. Repeated rows
    • 3.7.2. Nested repeats
• 4. The forms event model
  • 4.1. The click Scope resolution for ECMAScript in HTML event and input controls handler attributes
  • 4.2. The change Change events and input events
  • 4.3. Events to enable simpler dependency tracking
  • 4.4. Form validation
  • 4.5. Receiving the results of form submission
  • 4.6. The DOMControlValueChanged event
• 5. Form submission
  • 5.1. Successful form controls
  • 5.2. Handling characters outside the submission character set
  • 5.3. application/x-www-form-urlencoded
  • 5.4. application/x-www-form+xml : XML submission
  • 5.5. text/plain
  • 5.6. Submitting the encoded form data set
    • 5.6.1. For http: actions 5.6.2. For ftp: actions
    • 5.6.2. 5.6.3. For data: actions
    • 5.6.3. 5.6.4. For file: actions
    • 5.6.4. 5.6.5. For mailto: actions
    • 5.6.5. 5.6.6. For smsto: and sms: actions
    • 5.6.6. 5.6.7. For javascript: actions
• 6. Fetching data from external resources
  • 6.1. Filling select elements
  • 6.2. Seeding a form with initial values
• 7. Extensions to the HTML Level 2 DOM interfaces
  • 7.1. Additions specific to the HTMLFormElement interface
  • 7.2. Additions specific to the HTMLSelectElement interface
    • 7.2.1. The HTMLCollection interface
  • 7.3. The HTMLDataListElement interface
  • 7.4. Changes to the HTMLOptionElement interface
  • 7.5. Additions specific to the HTMLFieldsetElement interface
  • 7.6. 7.3. The HTMLOutputElement interface
  • 7.7. 7.4. Validation APIs
  • 7.8. 7.5. New DOM attributes for new content attributes
  • 7.9. Additions specific to the HTMLInputElement interface
  • 7.10. The defaultValue DOM attribute
  • 7.11. 7.6. Labels
  • 7.12. 7.7. Firing change events
  • 7.13. 7.8. Repetition interfaces 7.9. Loading remote documents
• 8. Styling form controls
  • 8.1. Relation to the CSS3 User Interface module
• A. XHTML module definition
• B. Attribute summary
• C. Deprecated features
• References
• Acknowledgements

1. Introduction

This is an update to the forms features found in HTML 4.01's Forms chapter , which are informally referred to as Web Forms 1.0.

Authors have long requested enhancements changes to HTML4 to support some of their more common needs. Such For example, take this extract from a recent post written by an anonymous poster on the popular topic-driven Slashdot forum: There are three things that need adjustments to get decent forms in HTML. First, have the option of not redrawing the page upon submission. [...] Second, have a "grid" widget that allows spreadsheet-like data entry grids. Third, have validation options such as <input type="text" name="foo" format="number" decimals=2> or perhaps <input type="number" name="foo" decimals=2> This post is typical of the kind of comments made by Web authors. Requirements from such comments in mailing lists and other forums were discussions have been examined, and from these sources a set of requirements and design goals were derived:

• Backwards compatibility (where possible).
• Ease of authoring for authors who are with limited knowledge about XML, data models, etc, but familiar with commonly used languages such as HTML and ECMAScript but have limited knowledge about XML, data models, etc. ECMAScript.
• Basic data typing, providing new controls for commonly used types so that authors do not need to repeatedly design complicated widgets such as calendars.
• Simpler validation on the client side (while recognizing that server side validation will still be required), with declarative solutions for the common cases, case, but strong DOM support so that less common cases can easily be handled using scripting.
• Dynamic addition of Dynamically adding more fields (repeating structures) on the client side without scripting.
• XML submission (although not necessarily arbitrarily structured XML submission).
• The ability to initialize forms from external data sources, so that authors do not have to dynamically rewrite the form content itself to prefill forms, but can instead use static pages with scripts that dynamically generate only the data part.
• Few dependencies: this specification should stand alone and not require support for other technologies such as XPath, XMLSchema, or XML Events, as these are not implemented in typical Web browsers and requiring them would significantly delay the time required to deploy browsers supporting this specification.
• This specification should be implementable in full on devices with limited resources.

Not all the desired features have been included in this specification. Future versions may be introduced to address further needs.

This specification does not describe the complete behaviour of an HTML or XHTML user agent. Readers are expected to refer to the existing specifications for the definitions of features that this specification does not change.

1.1. Scope

This specification is limited specifically to incremental improvements to existing wide-spread technologies, namely HTML4 and the DOM. It is also intended to be a small step, implementable without overwhelming effort.

Large sweeping changes or new markup languages are therefore out of scope for this specification.

1.2. 1.1. Relationship to HTML

This specification clarifies and extends the semantics put forth in [HTML4] for form controls and form submission. It is expected to be implemented in ordinary HTML user agents alongside existing forms technology, and indeed, some of the features described in this draft have been implemented by user agents as ad-hoc, non-standard extensions for many years due to strong market need.

1.3. 1.2. Relationship to XHTML

This specification can also be viewed as an extension to [XHTML1] . In particular, some of the features added in this module only apply to XHTML documents; for example, features allowing mixed namespaces.

1.4. 1.3. Relationship to XForms

This section is aimed at XForms authors and implementors. If you do not plan to use XForms, you may prefer to skip ahead to the next section. Knowledge of XForms is not required to use Web Forms.

This specification is in no way aimed at replacing XForms 1.0 [XForms] , nor is it a subset of XForms 1.0.

XForms 1.0 is well suited for describing business logic and data constraints. Unfortunately, due to its dependencies on technologies not widely supported by Web browsers, it has not been widely implemented by those browsers either. Web Forms 2.0 itself. This specification aims to simplify the task of transforming XForms 1.0 systems into documents that can be rendered on everyday every day Web browsers.

In this transformation model, the XForms processor is a server-side process that converts XForms and XML Schema documents, according to the XForms specification, into HTML and Web Forms documents, which are then processed by the client side Web Forms processor, along with a style sheet for presentation.

The structured XML instance data stored on the server side server-side (e.g. in a database) is converted by the XForms processor into name/value pairs that are then used by the UA to prefill the form. Submission follows the opposite path, with the UA generating name/value pairs and sending them to the XForms processor on the server, which converts them back into structured XML for storage or further processing.

In order to simplify this transformation process, this specification attempts to add some of the functionality of XForms with a minimum impact on the existing, widely implemented forms model. Where appropriate, backwards compatibility, ease of authoring, and ease of implementation have been given priority over theoretical purity.

The following features of XForms have not been addressed:

• The separation of the instance data model, data typing, field interdependencies, and submission information from the content model and interface elements.
• The ability to create arbitrary XML fragments to be filled in before submission.
• The ability to edit local XML files directly. (While technically not defined by the XForms 1.0 specification, UAs have generally implemented such a feature since it is easy to extend the XForms model in that way.)
• Compound data type definitions (schemas).

Many The majority of the less-used features that XForms supports using declarative syntax are, in this specification, handled by using scripting. Some new interfaces are introduced to simplify some of the more tedious tasks.

1.5. 1.4. Relationship to XForms Basic

This specification is unrelated to the XForms Basic profile.

A previous version of this draft was called "XForms Basic". This name has been changed so as to avoid confusion with the similarly named draft from the W3C.

1.6. 1.5. Missing features

This draft does not address all needs. In addition to the features of XForms that have not been addressed (see above), the following features were considered but rejected for this version of the specification:

• Digital signatures for submissions. This is currently not covered by this specification due to patent concerns. However, it would still be considered for future inclusion if suggestions of how to support it without infringing on known patents were provided.
• DOM interfaces for the creation of new controls that are still able to interact with form submission. This need will probably be addressed by the Web Controls 1.0 specification . in a separate specification.
• Elements or properties to create tabbed interfaces a "tabbed" or "wizard" interfaces. These needs interface. This need will probably be addressed by the Web Applications 1.0 specification . in a separate specification.
• A rich text editing or HTML editing control. This will probably need may be addressed by the Web Applications 1.0 specification . in a future specification.
• A grid or spreadsheet editing control. This will probably be need may addressed by the Web Applications 1.0 specification . in a future version of this specification.
• A declarative way of specifying that one list should filter the view of a second list. This Again, however, this need may be addressed in a future version of this specification.

1.7. 1.6. Conformance requirements

Conformance to this specification is defined for user agents (UAs, implementations) and documents (authors, authoring tools, markup generators). Clauses specify whether they apply to user agents or documents.

User agents could include graphical Web browsers, voice-based mobile devices, automated agents, content indexing robots, and inference tools. In certain user agents, it may be impossible to determine whether a particular conformance criteria is followed or not. For instance, whether indexing robots mark the first option in a select element as selected or not is not detectable. When it is impossible to tell if a UA complies to a particular conformance requirement, that UA is exempt from conforming to that requirement.

Authoring tools and markup generators are conformant if they only produce conformant documents.

Diagrams, examples, notes, and sections marked as non-normative are non-normative. All other content in this specification is normative.

The key words "MUST", "MUST NOT", "REQUIRED", "SHALL", "SHALL NOT", "SHOULD", "SHOULD NOT", "RECOMMENDED", "MAY", and "OPTIONAL" in the normative parts of this document are to be interpreted as described in [RFC2119] . For readability, these words do not appear in all uppercase letters Diagrams, examples, and notes are non-normative. All other content in this specification. specification is normative.

This specification includes by reference the form-related parts of the HTML4, XHTML1.1, DOM2 HTML, DOM3 Core, and DOM3 Events specifications ( [HTML4] , [XHTML1] , [DOM2HTML] , [DOM3CORE] , [DOM3EVENTS] ). Compliant UAs must implement all the requirements of those specifications to claim compliance to this one. Implementations may optionally implement only one of HTML4 and XHTML1.1.

Implementations that do not support scripting (or which have their scripting features disabled) are exempt from supporting the events and DOM interfaces mentioned in this specification. For the parts Other aspects of this specification that are defined in terms of an events model or in terms of the DOM, such user agents must still act as if events and the DOM were supported.

Scripting can form an integral part of an application. User agents that do not support scripting, or that have scripting disabled, might be unable to fully convey the author's intent.

This specification introduces attributes for setting the maximum size or range of certain values. While user agents should support all possible values, there may be implementation-specific limits.

HTML documents Documents that use the new features described in this specification and that are served using HTML over HTTP must be sent served as text/html and must use the following DOCTYPE: <!DOCTYPE html PUBLIC "-//WHATWG//NONSGML HTML5//EN"> . The DOCTYPE will change before this specification is finalised.

XML documents using elements from the XHTML namespace Documents that use the new features described in this specification and that are served using XHTML or other XML languages over HTTP must be sent served using an XML MIME type such as application/xml or application/xhtml+xml and must not be served as text/html . [RFC3023]

These XML documents Documents served in this way may contain a DOCTYPE if desired, but this is not required.

Documents that use the new features described in this specification cannot be strictly conforming XHTML or HTML4 documents, since they contain features not defined in those specifications.

1.8. 1.7. Terminology

This specification refers to both HTML and XML attributes and DOM attributes, often in the same context. When it is not clear which is being referred to, they are referred to as content attributes for HTML and XML attributes, and DOM attributes for those from the DOM. Similarly, the term "properties" is used for both ECMAScript object properties and CSS properties. When these are ambiguous they are simply qualified as object properties and CSS properties respectively.

Generally, when the specification states that a feature applies to HTML or XHTML, it also includes the other. When a feature specifically only applies to one of the two languages, it is called out explicitly, as in:

Similarly, form elements ...it is possible that authors would prefer to declare the page's forms in advance, in the head element of XHTML may now be nested documents (this does not apply to HTML). HTML documents).

Unless otherwise stated, XML elements defined in this specification are elements in the http://www.w3.org/1999/xhtml namespace, and attributes defined in this specification have no namespace.

Form controls are valid when they comply to their constraints, and invalid when they don't. This is distinct from whether form controls are successful , which relates to whether they will be submitted.

1.9. Extensibility

Vendor-specific proprietary extensions to this specification are strongly discouraged. Documents must does not use such extensions, as doing so reduces interoperability and fragments the user base, allowing only users of specific user agents apply to access the content in question.

If extensions are needed, they should be done using XML, with elements or attributes from custom namespaces. The use of extensions must not contradict nor cause the non-conformance of functionality defined in the specification.

User agents must treat elements and attributes that they do not understand HTML as semantically neutral; leaving them in the DOM (for DOM processors), and styling them according to CSS (for CSS processors), but HTML does not inferring any meaning from them. support namespaces.

2. Extensions to form control elements

At the heart of any form lies the form controls. This section describes how Web Forms 2.0 expands the traditional HTML form model to support new types and features.

2.1. Introduction for authors

This subsection is not normative.

One of the big additions to the Web Forms model introduced with this specification is primitive type and validity checking.

Authors can use these new features in various ways. To indicate that a form control expects a particular type of input, authors can specify the types using the type attribute:

 <label>E-mail address: <input   type="email"   name="addr"></label> <label>Start date: <input   type="date"   name="start"></label>  

To mark a field as required, the required attribute can be used:

 <label>Quantity: <input type="number"   required="required"   name="qty"></label>  

To set the range of values that are allowed, the min and max attributes can be used:

 <label>Meeting time: <input type="time"   min="09:00" max="17:00"   name="mt"></label>  

Once such constraints have been specified, the user agent will automatically guide the user through any errors he may have made before allowing the form to be submitted.

Authors can hook into this validation system with their scripts. There are several ways to do this.

At any point, scripts can check a control's validity DOM attribute for up to date information on whether a control is valid:

 with (document.forms[0]) { if (qty.validity.isRequired) { // the quantity field is required but not filled in } else if (qty.validity.isTypeMismatch) { // the quantity field is filled in, but it is not a number } }  

An author can explicitly set a control as being invalid ("invalid" means that the control's value is not acceptable):

 var myControl = document.forms[0].addr; if (myControl.value == 'a@b.c') { myControl.setCustomValidity('You must enter your real address.'); }  

Authors can also override the normal user agent error reporting behaviour by hooking into the invalid event:

 <label>Home page: <input type="uri" name="hp" required="required"   oninvalid="alert('You must enter a valid home page address.'); return false;"   > </label>  

2.2. Existing controls

HTML input elements use the type attribute to specify the data type. In [HTML4] , the types (as seen by the server) are as follows:

text

A free-form text field, input, nominally free of line breaks.

password

A free-form text field input for sensitive information, nominally free of line breaks.

checkbox

A set of zero or more values from a predefined list (in the limiting case of the list only containing one value, this is equivalent to a boolean).

radio

An enumerated value.

submit

An enumerated value, with the extra semantic that it must be the last value selected and initiates form submission.

file

An arbitrary file with a MIME type and optionally a file name.

image

A coordinate, relative to a particular image's size, with the extra semantic that it must be the last value selected and initiates form submission.

hidden

An arbitrary string that is not normally displayed to the user.

In addition, HTML also provides a few alternate elements that convey typing semantics similar to the above types, but use different content models:

select

An enumerated value, much like the radio type.

select multiple

A set of zero or more values from a predefined list, much like the checkbox type.

textarea

A free-form text field, input, nominally with no line break restrictions.

button

An enumerated value, with the extra semantic that it must be the last value selected and initiates form submission, much like the submit type but with a richer content model.

The difference between the checkbox and radio types and their select and select multiple counterparts is that for the select variants the values are only available through a single composite control, whereas for the checkbox and radio types the controls representing each value may be individually placed around the document.

There are also two button types (available on both input and button elements) that are never submitted: button and reset .

This specification includes all of these types, their semantics, and their processing rules, by reference, for backwards compatibility. Compliant UAs must follow all the guidelines given in the HTML4 specification except those modified by this specification.

These types are useful, but limited. This specification section expands the list to cover more specific data types, and introduces attributes that are designed to constrain data entry or other aspects of the UA's behaviour.

2.3. Changes to existing controls

In addition to the attributes described below, some changes are made to the content model of HTML form elements to take into account scripting needs. Specifically, the form , legend , select , and optgroup elements may now be empty. In empty (in HTML4, those elements always required at least one element child, or, in the case of legend , at least one character of text. text).

Also, as controls no longer need to be contained within their form element to be associated with it, authors may prefer to declare their forms in advance, at the top of their documents. The form element is therefore allowed in the head element of XHTML documents, although only when the form element is empty. (This does not apply to HTML.)

Similarly, form elements in XHTML may now be nested (this does not apply to HTML). Form controls by default associate with their nearest form ancestor. Forms are not semantically related to ancestor forms in any way, and do not share attributes or form controls or events (except insofar as events bubble up the DOM).

The children of a form element must be block-level elements, unless one of the ancestors of the form element is a td , th , li , dd , or block-level element other than div , in which case either block-level or inline-level content is allowed (but not both). input elements of type hidden may be placed anywhere (both in inline contexts and block contexts). .

The form and select elements are extended with data attributes for fetching values and options from external resources.

Radio buttons in sets where none of the buttons are marked as checked must all be initially left unchecked by the UA (which differs from the behavior described in [RFC1866] , but more accurately represents common implementation and author needs).

Authors are recommended to always have one radio button selected. Having no radio buttons selected, or more than one in a group selected, is considered very poor UI.

Previous versions of Web Forms were inconsistent about whether the first option element of a single-select select element with no otherwise-selected items should be automatically selected. According to [RFC1866] , it should be, and according to [HTML4] it was undefined. User agents implementing this specification must select the initial option element of a single-select select element with no otherwise-selected items.

The optgroup element may now be nested inside other optgroup elements.

The label element's exact default presentation and behaviour should match the platform's label behaviour. For example, on platforms where clicking a checkbox label checks the checkbox, clicking a label element must cause a click event to be synthesised and fired at the checkbox. In any case, events targeted at form controls within a label must not be handled by the label itself.

The first submit button in a form is the form's default button. If the platform supports submitting a form implicitly (for example, on some platforms hitting the "enter" key while a text field is focused implicitly submits the form), then when doing so the first submit button, this default button, must be the one used to initiate form submission (and it will therefore be successful ). Consequently, if the default button is disabled, the form must not be submitted when such an implicit submission mechanism is used. If there is no default button, then the implicit submission mechanism must submit the form as if there was an enabled default button.

2.4. 2.1. Extensions to the input element

Several new values are introduced for the type attribute. As with the older types, UAs are recommended to show specialized widgets for these types, instead of requiring that the user enter the data into a text field.

The formats described below are those that UAs must use in the DOM and when submitting the data. They do not necessarily represent what the user is expected to type. User agents are expected to show suitable user interfaces for each of these types (e.g. using the user's locale settings). It is the UA's responsibility to convert the user's input into the specified format.

datetime

A date and time (year, month, day, hour, minute, second, fractions of a second) encoded according to ISO 8601 [ISO8601] with the time zone set to UTC: four or more digits (0 to 9) representing the year, a hyphen dash (U+002D), two digits for the month, a hyphen, dash, two digits for the day, a literal "T", two digits for the hour, a colon (U+003A), two digits for the minute, optionally a colon and colon, two digits for the second, optionally (if the seconds are present) a period (U+002E) and (U+002E), one or more digits for the fraction of a second, and finally a mandatory literal "Z". All the numbers must be in base ten and zero-padded if necessary. If the seconds are omitted, they must be assumed to be zero. If the fraction is omitted, it must be assumed to be zero as well. For instance: e.g.: 1995-12-31T23:59:59.99Z or, representing the time 10 milliseconds later, 1996-01-01T00:00Z 1996-01-01T00:00:00.0Z . The step attribute specifies the precision in seconds, defaulting to 60 (one minute).

User agents are expected to show an appropriate widget. UAs may display the time in whatever time zone is appropriate for the user, but should be clear to the user that the time is globally defined, not time-zone dependent. The submitted date and time must be in the UTC time zone. timezone.

datetime-local local-datetime

A date and time (year, month, day, hour, minute, second, fractions of a second) encoded according to ISO 8601 [ISO8601] , with no time zone information: four or more digits (0 to 9) representing the year, a hyphen dash (U+002D), two digits for the month, a hyphen, dash, two digits for the day, a literal "T", two digits for the hour, a colon (U+003A), two digits for the minute, optionally a colon and colon, two digits for the second, and optionally (if the seconds are present) a period (U+002E) and (U+002E), one or more digits for the fraction of a second. All the numbers must be in base ten and zero-padded if necessary. If the seconds are omitted, they must be assumed to be zero. If the fraction is omitted, it must be assumed to be zero as well. For instance: e.g.: 1995-12-31T23:59:59.99 or, representing the time 10 milliseconds later, 1996-01-01T00:00 1996-01-01T00:00:00.0 . The step attribute specifies the precision in seconds, defaulting to 60 (one minute).

date

A date (year, month, day) encoded according to ISO 8601 [ISO8601] : four or more digits (0 to 9) representing the year, a hyphen dash (U+002D), two digits for the month, a dash, and two digits for the day. All the numbers must be in base ten and zero padded if necessary. For instance: e.g.: 1995-12-31 . The step attribute specifies the precision in days, defaulting to 1. User agents are expected to show an appropriate widget, such as a datepicker. calendar.

month

A date consisting of a year and a month encoded according to ISO 8601 [ISO8601] : four or more digits (0 to 9) representing the year, a hyphen dash (U+002D), and two digits for the month, zero-padded if necessary. All the numbers must be in base ten. For instance: e.g.: 1995-12 . The step attribute specifies the precision in months, defaulting to 1. This type is used most frequently for credit card expiry dates.

week

A date consisting of a year and a week number encoded according to ISO 8601 [ISO8601] : four or more digits (0 to 9) representing the year, a hyphen dash (U+002D), a literal "W", and two digits for the week, zero-padded if necessary. All the numbers must be in base ten. For instance: e.g.: 1995-W52 . The step attribute specifies the precision in weeks, defaulting to 1. This type is used most frequently for dates in European industry.

time

A time (hour, minute, seconds, fractional seconds) encoded according to ISO 8601 [ISO8601] with no time zone: two digits (0-9) for the hour, a colon (U+003A), two digits for the minute, optionally a colon and colon, two digits for the second, and optionally (if the seconds are present) a period (U+002E) and (U+002E), one or more digits for the fraction of a second. All the numbers must be in base ten and zero-padded if necessary. If the seconds are omitted, they must be assumed to be zero. If the fraction is omitted, it must be assumed to be zero as well. For instance: e.g.: 23:59:00.00000 23:59:00.0 or 00:00:05 00:00:00.0000 . The step attribute specifies the precision in seconds, defaulting to 60. Times must be greater than or equal to 0 and must be less than 24 hours, in addition to any tighter restrictions placed on the field by the min and max attributes. Note that this type is not an elapsed time data type.

User agents are expected to show an appropriate widget, such as a clock. UAs should make it clear to the user that the time does not carry any time zone information.

number

A numerical value. number. The step attribute specifies the precision, defaulting to 1.

Numbers must be submitted as a significand followed by an optional exponent. The A significand is an optional minus sign (U+002D, "-"), an integer, and optionally a decimal point (U+002E, ".") and an integer representing the fractional part. The An exponent is a lowercase literal letter "e", an optional minus sign, and an integer representing the index of a power of ten with which to multiply the significand base to get the actual resulting number. Integers are one or more decimal digits. If the exponent part is omitted it must be assumed to be zero.

For example, negative-root-two, to 32 significant figures, would be -1.4142135623730950488016887242097e0 , the radius of the earth given in furlongs, to an arbitrary precision, would be 3.17e4 , and the answer to the life, the universe and everything could be any of (amongst others) 42 , 0042.000 , 42e0 , 4.2e1 , or 420e-1 .

This format is designed to be compatible with scanf(3) 's %f format, ECMAScript's parseFloat , and similar parsers while being easier to parse than required by some other floating point syntaxes that are also compatible with those parsers. syntaxes.

The strings Note that +0 , 0e+0 and , +1e+3 +0e0 are all invalid numbers (the minus sign cannot be replaced by a plus sign for positive numbers, it must simply be omitted). UAs must not submit numbers in invalid formats (whatever the user might enter).

The submission format is not intended to be the format seen and used by users. UAs may use whatever format and UI is appropriate for user interaction; the description above is simply the submission format.

range

Same as number , but indicates that the exact value is not important, letting UAs provide a simpler interface than they do optimise their UI for number . usability. For instance, visual UAs may use a slider track bar control. The step , min , and max attributes still apply. For this type, step defaults to 1, min defaults to 0, and max defaults to 100, and value defaults to the min value.

Volume controls and brightness controls would be good examples of "range" data controls.

100.

email

An e-mail address, following based on the format of definitions in [RFC2822] (specifically the addr-spec token token, defined in RFC 2822 RFC2822 section 3.4.1 [RFC2822] , but 3.4.1, excluding the CFWS subtoken everywhere, everywhere and excluding the FWS subtoken everywhere except in the quoted-string subtoken. subtoken). UAs could, for example, offer e-mail addresses from the user's address book. (See below below for notes on IDN .)

IDN.)

uri

A URI, as defined by [RFC2396] (the absoluteURI token, defined in RFC 2396 RFC2396 section 3). UAs could, for example, offer the user URIs from his bookmarks. (See below for notes on IDN.)

The email and uri fields may contain IDN domains. [RFC3490] These should be sent in their original character set, not IDNA-encoded. (Authors can use the pattern pattern ="[\x00-\x7F]+" to indicate that only ASCII-based domain names must be allowed.)

By default, all of these new types (except range ), types, just like the types from HTML4, must have no value selected selected, unless a default value in a valid format is provided using the value attribute. If a value is specified but it is not in a value that is valid for the type (where the valid types are the same as the valid submission types described above) then the defaultValue DOM attribute has the specified value, but the control is left blank.

Empty fields (those with no value) do not need to match their type. (Although if they are required fields , they will stop submission for that reason instead.) anyway.)

On the other hand, fields that are not successful (such as disabled controls) do not take part in submission, and therefore are simply not checked for validity.

 <form action="..." method="post" onsubmit="verify(event)"> <p> <label> Quantity: <input name="count" type="number" min="0" max="99" value="1" /> </label> </p> <p> <label for="time1"> Preferred delivery time: </label> <input id="time1" name="time1" type="time" min="08:00" max="17:00" value="08:00" /> — <input id="time2" name="time2" type="time" min="08:00" max="17:00" value="17:00" /> </p> <script type="text/javascript"> function verify(event) { // check that time1 is smaller than time2, otherwise, swap them if (event.target.time1.value &gt;= event.target.time2.value) { // ISO 8601  ISO8601  times are string-comparison safe. var time2Value = event.target.time2.value; event.target.time2.value = event.target.time1.value; event.target.time1.value = time2Value; } } </script> </form> 

Servers should still perform type-checking on submitted data, as malicious users or rogue user agents might submit data intended to bypass this client-side type-checking. Validation done via script may also be easily bypassed if the user has disabled scripting. Additionally, legacy user agents do not support the validation features described in this specification and will therefore submit data that has not been checked.

The size attribute of the input element is deprecated in favor of using CSS to specify the layout of the form.

2.4.1. 2.1.1. Ranges

To limit the range of values allowed by some of the above types, two new attributes are introduced, which apply to the date-related, time-related, numeric, and file upload types:

min

Gives the minimum value (inclusive) of the field, in the format specified for the relevant type. Values for the field less than the minimum value are out of range ( ERROR_RANGE_UNDERFLOW ). If absent, or if the minimum value is not in exactly the expected format, there is no minimum restriction, except for the range and file types, where the default is zero.

max

Gives the maximum value (inclusive) of the field, in the format specified for the relevant type. Values for the field greater than the maximum value are out of range ( ERROR_RANGE_OVERFLOW ). If absent, or if the maximum value is not in exactly the expected format, there is no maximum restriction (beyond those intrinsic to the type), except for the range type, where the default is 100, and the file type, where the default is 1.

For date, time and numeric fields, the values indicate the allowed range. For file upload fields, the values indicate the allowed number of files.

The ERROR_TYPE_MISMATCH code is used for fields whose values do not match their types, and the ERROR_RANGE_UNDERFLOW and ERROR_RANGE_OVERFLOW codes are used for fields whose values are outside the allowed range.

A field with a max less than its min can never be satisfied when it has a value (since that value will always be either underflow or overflow the allowed range) and thus in such cases must would block a form from being submitted. This is does not make the document non-conformant.

The exact values allowed by min and max depend on the type attribute. For numeric types ( number and range ) the value must exactly match the number type described above. For file types it must be a sequence of digits 0-9, treated as a base ten integer. For date and time types it must match the relevant format mentioned for that type, all fields having all the fields present and with the right number of digits, with the right separating punctuation.

 <input type="time" min="50.00"> 

 <input type="time" min="22:00"> <input type="time" min="22:00:50.0001">  

2.4.2. 2.1.2. Precision

The Another attribute, step attribute controls , is introduced to control the precision allowed for the date-related, time-related, and numeric types.

For the control to be valid, the control's value must be an integral number of steps from the min value, or, if there is no min attribute, the max value, or if there is neither attribute, from zero.

For time controls, the value is in seconds, although it may be a fractional number as well to allow fractional times. The format is the number format described above, except that the value must be greater than zero. The default value for datetime , datetime-local local-datetime and time controls is 60 (one minute).

The zero point for date and time types is 1970-01-01T00:00:00.0Z.

 <input type="datetime" step="120" name="start"> 

 <input type="time" min="00:00:15.20" name="t"> 

For date controls, the value is in days, weeks, or months, for the date , week , and month types respectively. The format is a non-negative an integer; one or more digits 0-9 interpreted as base ten. If the step is zero, it is interpreted as the default. The default for these control types is 1.

 <input type="date" min="1900-01-07" step="7" name="sunday"> 

For numeric controls ( number and range ), the format of the step attribute is the number format described above, except that the value must be greater than zero. The default value is 1.

In addition, for any of the types, the literal value any may be used. This keyword indicates that any value may be used (within the bounds of other restrictions placed on the field).

 <input type="number" step="any" name="n"> 

The ERROR_STEP_MISMATCH code is used for fields whose values are not one of the values allowed by the step attribute. However, UAs may silently round the number to the nearest allowed value instead of reporting a validation error.

If the author specified step is too small for the UA to handle (for example, 1e-9999999 would probably underflow most implementations) then the UA should treat the value as any . If the given step value is not one of the allowed values, then the default is used.

User agents are recommended to never convert user- and author-supplied values to their binary numeric representation, keeping the values in string form at all times and performing comparisons in that form. This ensures that UAs are able to handle arbitrarily large numbers without risking data loss due to rounding in the decimal-to-binary conversion.

If a UA needs to round a number to its nearest binary equivalent, as, for example, when converting a user-supplied decimal number and an author-supplied minimum in order to compare them to establish validity (ignoring the suggestion above to do these comparisons in string form), algorithms equivalent to those specified in ECMA262 sections 9.3.1 ("ToNumber Applied to the String Type") and 8.5 ("The Number type") should be used (possibly after suitably altering the algorithms to handle numbers of the range that the UA can support). [ECMA262]

2.13. 2.2. The output element

The output element acts very much like a span element, except that it is considered to be a form control for the purposes of the DOM. Its namespace (in XML) is the same as for the other form control elements, http://www.w3.org/1999/xhtml .

The output element may have any of the common attributes , the form and name attributes, the for attribute (defined below), and the onchange , onforminput and onformchange onformoutput attributes.

Its current value is given by its contents, which may be any inline content (like the span element).

The current value can be set and retrieved dynamically using the mutable value DOM attribute of type DOMString . This attribute is defined to be identical to the DOM3 Core textContent attribute. [DOM3CORE]

The initial value of the output control is stored in a mutable defaultValue DOM attribute of type DOMString . See [HTML4] section 17.2 for the definiton of the term "initial value" . (In brief, it is the value used when the form is reset.)

reset.)) The defaultValue DOM attribute of an output control is initially set to the empty string. If an output element is added to the document at parse time, its defaultValue DOM attribute is set to the value of its textContent attribute after all its children nodes were parsed. (If the value of defaultValue is queried before the entire element's contents have been parsed, or if the element was created dynamically (as opposed to being inserted into the DOM by the UA's parser), then defaultValue returns the empty string.) This is suboptimal. Any better solutions for how to determine the initial value?

The output element is never successful for form submission. Resetting a form does reset its output elements (using the defaultValue DOM attribute — note that if the element originally contained elements as children, they will be removed when the form is reset).

Unless the value attribute is directly manipulated or the form is reset, elements that are children of the output element when the document was parsed are not flattened away.

 <form> <p> <input name="a" type="number" step="any" value="0"> * <input name="b" type="number" step="any" value="0"> = <output name="result" onforminput="value = a.value * b.value">0</output> </p> </form> 

Authors may provide a list of space-separated IDs in a for attribute that represents the list of elements that control the value of the output element. User agents may use this list to suggest to users the relevant parts of the document with which the user should interact to change the value.

 ... <p>Your fax number is <output for="fax"><em>+1</em> 650 555 1234</output>.</p> ... <p id="fax">To change your fax number, you must send us a fax from your new number with a signed request that your fax number details be changed. We will then call you to confirm the change.</p> 

Whenever the value attribute changes (whether directly or because the DOM under the element was mutated), a change event is fired on the output element. The onchange attribute can therefore be used with this element, in the same way as for other form controls.

2.14. 2.4. Extensions to the textarea element

The rows and cols attributes of the textarea element are no longer required attributes. When unspecified, CSS-compliant browsers should lay the element out as specified by CSS, and non-CSS UAs may use UA-specific defaults, such as, for visual UAs, using the width of the display device and a height suitable for the device.

The textarea element may have a wrap attribute specified. This attribute controls the wrapping behaviour of submitted text.

soft

This is the default value. The text is submitted without line breaks other than explicitly entered line breaks. (In other words, the submitted text is exactly as found in the DOM.)

hard

The text is submitted with explicit line breaks, and in addition, line breaks added to wrap the text at the width given by the cols attribute. (These additional line breaks can't be seen in the DOM.)

Authors should always specify a cols attribute when the wrap attribute is set to hard . When wrap="hard" is specified without a cols attribute, user agents should use the display width when wrapping the text for submission. This will typically mean that different users submit text at different wrapping widths, defeating much of the purpose of client-side wrapping.

CSS UAs should render textarea elements as specified by the 'white-space' property, although UAs may have rules in their UA stylesheet that set key the default 'white-space' property values based on the wrap element for textarea elements.

A newline in a textarea submission must be delimited by the two characters U+000D U+000A (CRLF). This includes the implied newlines that are added for submission when the wrap attribute has the value hard . This also affects how newlines are handled for the maxlength attribute .

The maxlength attribute applies to textarea controls.

2.15. 2.5. Extensions to file upload controls

The min and max attributes apply to file upload controls ( input elements of type file ) and specify (using non-negative (as positive integers) how many files must be attached for the control to be valid. They default to 0 and 1 respectively (and so limit the default number of files to 1 optional file, as per most existing implementations implementatios in early 2004). The defaults are used when the attributes are omitted or have non-integer or negative integer values. The ERROR_RANGE_UNDERFLOW and ERROR_RANGE_OVERFLOW codes are used to indicate when fields do not have the specified number of files selected.

There is currently no way to specify an unlimited number of files may be uploaded. Authors are encouraged to consider what the practical limit actually is for their server-side script. For example, if the server uses an unsigned 16 bit integer to track file uploads, a suitable max value would be 65536 .

The required attribute applies to file upload controls; it is only satisfied when at least one valid file (that is, one that will actually be uploaded if the form is submitted) is selected, irrespective of the min and max attributes.

Non-existent files and files the UA won't be able to upload (for whatever reason), when specified in file upload controls, do not count towards the number of files selected for the purposes of min and max , and are not submitted. It is recommended that user agents report problems of this nature to the user. There is no way from script to detect this situation because that would open the way for some privacy or security leaks.

The maxlength attribute applies to file upload controls. It specifies the maximum size, in bytes, of each file.

The accept attribute may be used to specify a comma-separated list of content types that a server processing the form will handle correctly. This attribute was specified in [HTML4] . In this specification, this attribute is extended as follows:

• MIME types may have a subtype of * , for example:

   <input type="file" name="avatar" accept="   image/*   "/> 

  In this way, the accept attribute may be used to specify that the server is expecting (say) images or an image, a sound clips, clip, a video, etc, without specifying the exact list of types.
• UAs should use the list of acceptable types in constructing a filter for a file picker, if one is provided to the user.
• If the UA wishes to let the user create the file prior to upload, it should use the accept attribute's MIME type list to determine which application to use.

  One recent use for sound file upload has been the concept of audio blogging . This is similar to straight-forward Web logging, or diary writing, but instead of submitting textual entries, one submits sound bites.

  The submission interface to such a system could be written as follows:

   <form action="/weblog/submit" method="post" enctype="multipart/form-data"> <label> Attach your audio-blog sound file: <input type="file" name="blog" accept="audio/*"/> </label> <input type="submit" value="Blog!"/> </form> 

  A compliant UA could, upon encountering this form, provide a "Record" button instead of, or in addition to, the more usual "Browse" button. Selecting this button could then bring up a sound recording application.

  This is expected to be most useful on small devices that do not have file systems and for which the only way of handling file upload is to generate the content on the fly.

• The ERROR_TYPE_MISMATCH code is used to indicate that at least one of the selected files does not have a MIME type conforming to one of the MIME types listed as acceptable. UAs may allow the user to override the MIME type to be one of the allowable types if the file is originally incorrectly labeled. labeled (but should not allow users to override the type merely to let submission continue, as that would defeat the point of having a restriction in the first place).
• If an accept attribute is set on a form element, it sets the default for any file upload controls in that form. If a (This is done by the file upload control has a valid accept controls first checking their attribute, its value is used and the relevant form element's if they don't have one, checking their form's. The two attributes don't "stack".) The accept maxlength attribute is ignored for that control. If a applies to file upload control has an accept attribute but it is invalid, then the value */* is assumed instead, and the form's accept attribute is ignored. controls.

If the file upload process fails, UAs should report this failure to the user in a useful and accessible manner, as with any failed submission.

2.16. 2.6. Extensions to the form element

The form element's action attribute is no longer a required attribute. If omitted, the default value is the empty string, which is a relative URI pointing at the current document (or the specified base URI, if any).

To support incremental updates of forms, a new attribute is introduced on the form element: replace . This attribute takes two values:

document

The default value. The entire document (as specified by the target attribute when the document uses frames or windows) is replaced by the return value.

values

The body returned from the server is treated as a new data file for prefilling the form.

These names, and their exact semantics, differ from those of the equivalent attribute in XForms 1.0 (the replace attribute on the submission element). The equivalent of this specification's document is equivalent to the XForms all , and the equivalent of values is instance . The equivalent of the XForms none value is document with the server returning an HTTP 204 No Content return code.

The exact semantics are described in detail in the section on submission , under step eight .

2.17. 2.7. Extensions to the submit buttons

Normally, activating a submit button (an input or button element with the type attribute set to submit , or an input element with the type attribute set to image ) submits the form, using the form's submission details ( action , method , enctype , and replace attributes).

In some cases, authors would like to be able to submit a form to different processors, using different submission methods, or not replacing the form but just updating the details with new data. For this reason, the following attributes are allowed on submit buttons: action , method , enctype , replace , and target .

If a submit button is activated, then the submission uses the values as given by the button that caused the activation. For activation, with missing attributes, the attributes having their values of taken from the equivalent attributes on the relevant form element, if any, are used instead.

any. 2.5. 2.8. Extensions to existing attributes

In addition to the new attributes given in this section, some existing attributes from [HTML4] are clarified and extended below. These, and other attributes from HTML4, continue having the same semantics as described in HTML4 unless specified otherwise.

accesskey

UAs must now support the accesskey attribute on select elements.

The accesskey attribute on label elements must act the same way as they would have if specified on the associated element directly.

disabled

The disabled attribute applies to all control types, including fieldset , except the output element. In (in HTML4 the disabled attribute did not apply to the fieldset element), except the output element.

When applied to a fieldset element it overrides the disabled attributes of any descendent form controls (regardless of whether they are associated with the same form). In other words, a form control shall be is disabled if it has its disabled attribute set, or if any of its ancestor fieldset elements have their disabled attribute set.

maxlength

This attribute applies to text , password , uri , email and file input types, and textarea elements. In particular, it does not apply to the date-related, time-related, and numeric field types. In HTML4, this attribute only applied to the text and password types.

For text input controls it specifies the maximum length of the input, in terms of numbers of characters. For details on counting string lengths, see [CHARMOD] .

A newline in a textarea 's value must count as two characters for maxlength processing (because newlines in textarea s are submitted as U+000D U+000A ). This includes the implied newlines that are added for submission when the wrap attribute has the value hard .

Authors are encouraged to only use maxlength on uri and email fields if the server side processor actually has a limit on the size of data fields it can usefully process. Valid URIs and e-mail addresses in particular can often be surprisingly long.

When specified on a file upload control, it specifies the maximum size in bytes of each file (not the maximum size of the sum of all the files).

The ERROR_TOO_LONG code is used when this attribute is specified on a text , password , uri , email or textarea control and the control has more than the specified number of characters, or when it is specifies on a file control and at least one of the selected files is longer than the specified number of bytes.

Servers should still expect to receive, and must be able to cope with, content larger than allowed by the maxlength attribute, in order to deal with malicious or non-conforming clients.

This attribute must not affect the initial value (the DOM defaultValue attribute). It must only affect what the user may enter and whether a validity error is flagged during validation.

If the maxlength attribute has a value that is less than the length required for a valid value of the given type, for example:

 <input type="email" maxlength="1" name="test"/> 

...then the control can only be valid if it is empty (unless, of course, it is a required field, in which case it can never be valid).

name

Some names (all starting with the string " Ecom_ ") in this version of HTML forms have predefined meanings, allowing UAs to fill in the form fields automatically. These names, and their semantics, are described in [RFC3106] .

This will probably be removed or drastically simplified.

readonly

This attribute applies only to text , password , email , uri , date-related, time-related, and number numeric input types, as well as the textarea element. Specifically, it does not apply to radio buttons, check boxes, file upload fields, range controls, select elements, or any of the button types; the interface concept of "readonly" values does not apply to button-like interfaces. (The DOM readonly attribute ( [DOM2HTML] ) obviously applies to the same set of types as the HTML attribute.)

Other attributes not listed in this specification retain the same semantics as in [HTML4] .

2.6. 2.9. The pattern attribute

For the text , password , email , and uri types of the input element, and for the textarea element, the a new attribute, pattern attribute specifies a pattern , is introduced to specify patterns that the control value strings must match.

When specified, the pattern attribute contains a regular expression that the field's value must match before the form may be submitted ( ERROR_PATTERN_MISMATCH ).

 <label> Credit Card Number: <input type="text" pattern="[0-9]{10}" name="cc" /> </label> 

The regular expression language used for this attribute is the same as that defined in [ECMA262] , except that the pattern attribute implies a ^ at the start of the pattern and a $ at the end (so the pattern must match the entire value, not just any subset). The pattern must be compiled with If the attribute is present but empty, it only matches no value (which is effectively the opposite of global required , ignoreCase , and multiline flags disabled (see ECMA262, sections 15.10.7.2 through 15.10.7.4). ). If the attribute is omitted then the control has no pattern restriction.

The / character is not special in the pattern attribute. The two attributes pattern="/etc/.+" and pattern="\/etc\/.+" are therefore equivalent.

The ^ and $ characters have their usual meaning. Thus, using the ^ character anywhere other than at the start of the pattern, or the $ character anywhere other than at the end of the pattern, prevents the pattern from matching anything.

In the case of the email and uri types, the pattern attribute specifies a pattern that must be matched in addition to the value matching the generic pattern relevant for the field. If the pattern given by the attribute specifies a pattern that is incompatible with the grammar of the field type, as in the example below, then the field could never be satisfied. (A document containing such a situation is not technically non-conformant, invalid, but it is of dubious semantic use.)

 <form> <p> This form could never be submitted, as the following required field can never be satisfied: <input type="uri" pattern="[^:]+" required="required" name="test"/> </p> </form> 

When the value doesn't match the field's type, an ERROR_TYPE_MISMATCH error occurs; when the value doesn't match the pattern, an ERROR_PATTERN_MISMATCH error occurs. If the value matches neither the field's type nor the field's pattern, both errors should be set.

When the pattern is not a valid regular expression, it is ignored for the purposes of validation, as if it wasn't specified.

Empty fields (those with no value) do not need to match their pattern. (Although if they are required fields , they will stop submission for that reason anyway.)

If the pattern attribute is present but empty, it doesn't match any value, and the ERROR_PATTERN_MISMATCH flag shall be set whenever the field isn't empty.

Authors should include a description of the pattern in the title attribute. User agents may use the contents of this attribute when informing the user that the pattern is not matched, or at any other suitable time, such as in a tooltip or read out by assistive technology when the control gains focus.

 <label> Part number: <input pattern="[0-9][A-Z]{3}" name="part" title="The expected format is: a digit followed by three uppercase letters."/> </label> 

When a control has a pattern attribute, the title attribute, if used, must describe the pattern. Additional information could also be included, so long as it assists the user in entering the field. Otherwise, assistive technology would be impaired.

For instance, if the title attribute contained the caption of the control, assistive technology could end up saying something like The text you have entered does not match the required pattern. Birthday , which is not useful.

2.7. 2.10. The required attribute

Form controls can have the required attribute specified, to indicate that the user must enter a value into the form control before submitting the form.

The required attribute applies to all form controls except controls with the type hidden , image inputs, buttons ( submit , move-up , etc), buttons, and select , fieldset , and output elements. It can be used on controls with the readonly attribute set; this may be useful in scripted environments. For disabled controls, the attribute has no effect.

The ERROR_REQUIRED code is used for form controls marked as required that do not have values.

For check boxes, the required attribute shall only be satisfied when the checkbox is checked.

For radio buttons, the required attribute shall only be satisfied when exactly one of the radio buttons in that radio group is checked.

For file upload controls , the required attribute shall only be satisfied if at least one valid file is selected, regardless of the min and max attributes.

 <ul> <li>Name: <input type="text" name="name" required="required" /></li> <li>Comment: <input type="text" name="comment" /></li> </ul> 

Any non-empty value satisfies the required condition, including a simple whitespace character.

2.8. 2.11. The form attribute

All form controls can have the form attribute specified. The form attribute gives a space-separated list the ID of IDs of the form elements that element the form control should be associated with, and overrides the relationship between the form control and any ancestor form element.

Any of the IDs in the space separated list that do not identify Setting an element in element's form attribute either to a non-existent ID, to the document, empty string, or to an ID that identify identifies an element that is not an HTML form element, are ignored. Setting an element's form attribute to the empty string (or to a string consisting only of IDs that do not correctly identify form elements) just disassociates the form control from its form, leaving it unassociated with any form.

When set on a fieldset element, this must also change changes the association of any descendent descendant form controls, unless they have form attributes of their own or are contained inside forms that are themselves descendants of the fieldset element.

When forms are submitted, are reset, or have their form controls enumerated through the DOM, only those controls associated with the form are taken into account. A control can be associated only with more than one form at a time.

A form attribute that specifies an ID that occurs multiple times in a document should select the same form as would be selected by the getElementById() method for that ID ( [DOM3CORE] ). (That is, the exact behaviour is undefined, but must be the same as if the getElementById() method was used.)

If a form is specified multiple times in the form attribute, all occurances but the first are ignored. (An element can only be associated with a form once.)

 <table> <thead> <tr> <th>Name</th> <th>Value</th> <th>Action</th> </tr> </thead> <tbody> <tr> <td> <form id="edit1" action="/edit" method="post"> <input type="hidden" name="id" value="1"/> <input type="text" name="name" value="First Row"/> </form> </td> <td> <input form="edit1" type="text" name="value"/> </td> <td> <input form="edit1" type="submit" name="Edit"/> </td> </tr> <tr> <td> <form id="edit2" action="/edit" method="post"> <input type="hidden" name="id" value="2"/> <input type="text" name="name" value="Second Row"/> </form> </td> <td> <input form="edit2" type="text" name="value"/> </td> <td> <input form="edit2" type="submit" name="Edit"/> </td> </tr> </tbody> </table> 

 <form action="test.cgi"> <input type="text" name="q" form="fg fy"> <input type="submit" name="t" value="Test"> </form> <form id="fg" action="google.cgi"><input type="submit" value="Google"></form> <form id="fy" action="yahoo.cgi"><input type="submit" value="Yahoo"></form>  

2.9. 2.12. The autocomplete attribute

The autocomplete attribute applies to the text , password , select , textarea , date-related, date-replated, time-related, numeric, email , and uri controls. The attribute takes two values, on and off . The default, when the attribute is not specified, is on .

The on value means the UA may is allowed to store the value entered by the user so that if the user returns to the page, the UA can prefill pre-fill the form. The off value means that the UA must not remember that field's value.

This specification does not define the autocompletion mechanism. UAs may implement any system within the conformance criteria of this specification, taking into account security and privacy concerns.

A UA may allow the user to disable support for this attribute. Support for the attribute must be enabled by default, and the ability to disable support should not be trivially accessible, as there are significant security implications for the user if support for this attribute is disabled.

 <p>Account: <input type="text" name="ac" autocomplete="off" /></p> <p>PIN: <input type="text" name="pin" autocomplete="off" /></p> 

In practice, this attribute is required by many banking institutions, who insist that UAs with auto-complete features implement it before supporting them on their Web sites. For this reason, it is implemented by most major Web browsers already, and has been for many years.

2.10. 2.13. The autofocus attribute

Any form control (except hidden and output controls) can have an autofocus attribute specified.

When a form control is inserted into a document, the UA must check to see if it has this attribute set. If it does, and if the control is not disabled , then the UA should focus the control, as if the control's focus() method was invoked. (When multiple elements are simultaneously inserted into the document, they must all perform this, in document order.)

This implies that during document load, the last form control with this attribute set is the one that will should have focus once the document is loaded.

UAs may ignore this attribute if the user has indicated (for example, by starting to type in a form control) that he does not wish focus to be changed.

The value of the attribute, if set, should be autofocus . The autofocus DOM attribute is true when the attribute is present (regardless of its value, even if it is the empty string), and false when it is absent. Setting the DOM attribute to true sets the content attribute to the value autofocus . Setting the DOM attribute to false removes the content attribute.

Authors should only mark one (non-disabled) control per document with the autofocus attribute.

 <input maxlength="256" name="q" value="" autofocus="autofocus"> <input type="submit" value="Search"> 

In HTML, the minimised form may be used (just autofocus instead of autofocus="autofocus" ).

 <input autofocus> 

Focusing Focussing the control does not imply that the UA must focus the browser window if it has lost focus.

2.11. 2.14. The inputmode attribute

The inputmode attribute applies to the input element when it has a type attribute of text , password , email , or uri , and to the textarea element.

This attribute is defined to be exactly equivalent to the inputmode attribute defined in the XForms 1.0 specification (sections E1 through E3.2) [XForms] .

2.12. 2.15. The datalist element and the list help attribute

For the text , email , uri , date-related, time-related, and numeric types of the input element, Any form control can have a new attribute list help is introduced to point to attribute specified. This attribute contains a list of values URI that the UA should offer to the user in addition to allowing the user to pick an arbitrary value.

To complement the new list attribute, a datalist element is introduced. This element has two roles: it provides a list of data values, in the form of a list of option elements, and it may be used to provide fallback content for user agents that do not support this specification.

If the UA supports this element, it should not be displayed. In CSS-aware user agents, this should be achieved by including the following rules, or their equivalent, in the UA's user agent stylesheet:

 @namespace xh url(http://www.w3.org/1999/xhtml); xh|datalist { display: none; }  

When a control has a list attribute, it specifies an element from which to derive the list of author-specified autocompletion values for the control.

The element specified is the one that would be returned when calling getElementById() with the value of the list attribute as the argument, if the returned value is an element node with either the tag name datalist or the tag name select , and (for XHTML) with the XHTML namespace. If the attribute is present but either specifies an ID that is not in the document, or specifies an element that is not an (X)HTML datalist or select , then it must be ignored.

The list of autocompletion values shall be given by the list of elements that would be found by calling getElementsByTagName() with the tag name option on the element specified, if any (or, in XHTML documents, the list of elements that would be found by calling getElementsByTagName NS () with the same tag name and the XHTML namespace).

For each element in this list, if the element is not marked as disabled , the autocompletion value is either the value of its value content attribute, or, if that attribute is absent, the value of its text DOM attribute. The UA may use the label attribute to annotate the value in its interface. If the element is marked as disabled , if the autocompletion value is the empty string, or if the autocompletion value is not a valid value for the control's type (for example, 20 is not a valid value for a datetime control) then it must be ignored.

The author-specified list of predefined values may be augmented by the UA's own autocompletion logic. For example, the UA may remember previous values that the user has entered.

Authors must only use empty option elements or elements that would be allowed in the datalist element's parent as children of datalist elements. datalist elements may be used wherever block-level elements are allowed and wherever select elements are allowed.

Controls inside datalist elements must never be successful . (They must still, however, be associated with their form.)

The datalist element may be prefilled from an external file with the data attribute.

The selected attribute and the form , selected , defaultSelected , and index DOM attributes on option elements must have no effect on the input and datalist elements when option elements are used in this context.

 <input type="uri" name="location" list="uris"> <datalist id="uris"> <option label="MIME: Format of Internet Message Bodies" value="http://www.ietf.org/rfc/rfc2045"> <option label="HTML 4.01 Specification" value="http://www.w3.org/TR/html4/"> <option label="Form Controls" value="http://www.w3.org/TR/xforms/slice8.html#ui-commonelems-hint"> <option label="Scalable Vector Graphics (SVG) 1.1 Specification" value="http://www.w3.org/TR/SVG/"> <option label="Feature Sets - SVG 1.1 - 20030114" value="http://www.w3.org/TR/SVG/feature.html"> <option label="The Single UNIX Specification, Version 3" value="http://www.unix-systems.org/version3/"> </datalist>  

 <p> <label> Enter a breed: <input type="text" name="breed" data="breeds"> <datalist id="breeds"> <option value="Abyssinian"> <option value="Alpaca"> <!-- ... --> </datalist> </label> </p>  

 <p> <label> Enter a breed: <input type="text" name="breed" data="breeds"> </label> <datalist id="breeds"> <label> or select one from the list: <select name="breed"> <option value=""> (none selected) <option>Abyssinian <option>Alpaca <!-- ... --> </select> </label> </datalist> </p>  

 <input type="range" min="-100" max="100" value="0" step="10" name="power" list="powers"> <datalist id="powers"> <option value="0"> <option value="-30"> <option value="30"> <option value="+50"> </datalist>  

 input { height: 75px; width: 49px; background: #D5CCBB; color: black; }  

This specification does not mandate a particular interface. The specify how help information should be used, but for example, the UA could have used show a rotary control, small pop-up window if the user focuses such a combo box, a voice-driven text box, control and pressed the F1 key, or any other widget or interface could show the help information in a side-bar while still being compliant the relevant control is focused. This attribute is added mainly because XForms has it, to this specification.