[html5] r8736 - [giow] (1) allow autocomplete to be specified on type=hidden Fixing https://www. [...]
whatwg at whatwg.org
whatwg at whatwg.org
Tue Sep 2 14:29:14 PDT 2014
Author: ianh
Date: 2014-09-02 14:29:10 -0700 (Tue, 02 Sep 2014)
New Revision: 8736
Modified:
complete.html
index
source
Log:
[giow] (1) allow autocomplete to be specified on type=hidden
Fixing https://www.w3.org/Bugs/Public/show_bug.cgi?id=25471
Affected topics: HTML
Modified: complete.html
===================================================================
--- complete.html 2014-08-29 22:57:07 UTC (rev 8735)
+++ complete.html 2014-09-02 21:29:10 UTC (rev 8736)
@@ -291,7 +291,7 @@
</style><link rel=stylesheet href=status.css><body onload=init()>
<header id=head class="head with-buttons">
<p><a href=//www.whatwg.org/ class=logo><img src=/images/logo width=101 alt=WHATWG height=101></a></p>
- <hgroup><h1 class=allcaps>HTML</h1><h2 id=living-standard-—-last-updated-[date:-01-jan-1901] class="no-num no-toc">Living Standard — Last Updated <span class=pubdate>29 August 2014</span></h2></hgroup>
+ <hgroup><h1 class=allcaps>HTML</h1><h2 id=living-standard-—-last-updated-[date:-01-jan-1901] class="no-num no-toc">Living Standard — Last Updated <span class=pubdate>2 September 2014</span></h2></hgroup>
<nav>
<div>
@@ -17672,7 +17672,7 @@
<p>The IDL attributes <dfn id=dom-picture-source-srcset><code>srcset</code></dfn>,
<dfn id=dom-picture-source-sizes><code>sizes</code></dfn> and
- <dfn id=dom-picture-source-media><code>media</code></dfn> must reflect the
+ <dfn id=dom-picture-source-media><code>media</code></dfn> must <a href=#reflect id=the-source-element-when-used-with-the-picture-element:reflect>reflect</a> the
respective content attributes of the same name.</p>
@@ -17687,7 +17687,7 @@
attribute DOMString <a href=#dom-img-src id=the-img-element:dom-img-src>src</a>;
attribute DOMString <a href=#dom-img-srcset id=the-img-element:dom-img-srcset>srcset</a>;
attribute DOMString <a href=#dom-img-sizes id=the-img-element:dom-img-sizes>sizes</a>;
- attribute DOMString <a href=#dom-img-crossorigin id=the-img-element:dom-img-crossorigin>crossOrigin</a>;
+ attribute DOMString? <a href=#dom-img-crossorigin id=the-img-element:dom-img-crossorigin>crossOrigin</a>;
attribute DOMString <a href=#dom-img-usemap id=the-img-element:dom-img-usemap>useMap</a>;
attribute boolean <a href=#dom-img-ismap id=the-img-element:dom-img-ismap>isMap</a>;
attribute unsigned long <a href=#dom-img-width id=the-img-element:dom-img-width>width</a>;
@@ -18662,8 +18662,7 @@
respective content attributes of the same name.</p>
<p>The <dfn id=dom-img-crossorigin><code>crossOrigin</code></dfn> IDL attribute must
- <a href=#reflect id=the-img-element:reflect-2>reflect</a> the <code id=the-img-element:attr-img-crossorigin-7><a href=#attr-img-crossorigin>crossorigin</a></code> content attribute,
- <a href=#limited-to-only-known-values id=the-img-element:limited-to-only-known-values>limited to only known values</a>.</p>
+ <a href=#reflect id=the-img-element:reflect-2>reflect</a> the <code id=the-img-element:attr-img-crossorigin-7><a href=#attr-img-crossorigin>crossorigin</a></code> content attribute.</p>
<p>The <dfn id=dom-img-usemap><code>useMap</code></dfn> IDL attribute must
<a href=#reflect id=the-img-element:reflect-3>reflect</a> the <code id=the-img-element:attr-hyperlink-usemap-5><a href=#attr-hyperlink-usemap>usemap</a></code> content attribute.</p>
@@ -31722,8 +31721,8 @@
<tr><th> <code id=the-input-element:attr-fe-autocomplete-3><a href=#attr-fe-autocomplete>autocomplete</a></code>
- <td class=no> ·
<td class=yes> Yes
+ <td class=yes> Yes
<td class=yes> Yes
<td class=yes> Yes
@@ -32929,15 +32928,18 @@
<div class=bookkeeping>
<p>The
+ <code id="hidden-state-(type=hidden):attr-fe-autocomplete"><a href=#attr-fe-autocomplete>autocomplete</a></code>
+ content attribute <a href=#concept-input-apply id="hidden-state-(type=hidden):concept-input-apply">applies</a> to this element.</p>
+
+ <p>The
<code id="hidden-state-(type=hidden):dom-input-value"><a href=#dom-input-value>value</a></code>
- IDL attribute <a href=#concept-input-apply id="hidden-state-(type=hidden):concept-input-apply">applies</a> to this element and is
+ IDL attribute <a href=#concept-input-apply id="hidden-state-(type=hidden):concept-input-apply-2">applies</a> to this element and is
in mode <a href=#dom-input-value-default id="hidden-state-(type=hidden):dom-input-value-default">default</a>.</p>
<p>The following content attributes must not be specified and <a href=#do-not-apply id="hidden-state-(type=hidden):do-not-apply">do not
apply</a> to the element:
<code id="hidden-state-(type=hidden):attr-input-accept" class=no-backref><a href=#attr-input-accept>accept</a></code>,
<code id="hidden-state-(type=hidden):attr-input-alt" class=no-backref><a href=#attr-input-alt>alt</a></code>,
- <code id="hidden-state-(type=hidden):attr-fe-autocomplete" class=no-backref><a href=#attr-fe-autocomplete>autocomplete</a></code>,
<code id="hidden-state-(type=hidden):attr-input-checked" class=no-backref><a href=#attr-input-checked>checked</a></code>,
<code id="hidden-state-(type=hidden):attr-fe-dirname" class=no-backref><a href=#attr-fe-dirname>dirname</a></code>,
<code id="hidden-state-(type=hidden):attr-fs-formaction" class=no-backref><a href=#attr-fs-formaction>formaction</a></code>,
@@ -40146,11 +40148,30 @@
user's address based on earlier user input. The <dfn id=attr-fe-autocomplete><code>autocomplete</code></dfn> content attribute can be used to hint
to the user agent how to, or indeed whether to, provide such a feature.</p>
- <p>The attribute, if present, must have a value that is an ordered <a href=#set-of-space-separated-tokens id=autofilling-form-controls:-the-autocomplete-attribute:set-of-space-separated-tokens>set of space-separated
- tokens</a> consisting of either a single token that is an <a href=#ascii-case-insensitive id=autofilling-form-controls:-the-autocomplete-attribute:ascii-case-insensitive>ASCII case-insensitive</a>
- match for the string "<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-off><a href=#attr-fe-autocomplete-off>off</a></code>", or a single token that
- is an <a href=#ascii-case-insensitive id=autofilling-form-controls:-the-autocomplete-attribute:ascii-case-insensitive-2>ASCII case-insensitive</a> match for the string "<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-on><a href=#attr-fe-autocomplete-on>on</a></code>", or the following, in the order given below:</p>
+
+ <p>There are two ways this attribute is used. When wearing the <dfn id=autofill-expectation-mantle>autofill expectation
+ mantle</dfn>, the <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-2><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute describes what
+ input is expected from users. When wearing the <dfn id=autofill-anchor-mantle>autofill anchor mantle</dfn>, the <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-3><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute describes the meaning of the given
+ value.</p>
+
+ <p>On an <code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element><a href=#the-input-element>input</a></code> element whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type><a href=#attr-input-type>type</a></code> attribute is
+ in the <a href="#hidden-state-(type=hidden)" id="autofilling-form-controls:-the-autocomplete-attribute:hidden-state-(type=hidden)">Hidden</a> state, the <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-4><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute wears the <a href=#autofill-anchor-mantle id=autofilling-form-controls:-the-autocomplete-attribute:autofill-anchor-mantle>autofill anchor
+ mantle</a>. In all other cases, it wears the <a href=#autofill-expectation-mantle id=autofilling-form-controls:-the-autocomplete-attribute:autofill-expectation-mantle>autofill expectation mantle</a>.</p>
+
+ <p>When wearing the <a href=#autofill-expectation-mantle id=autofilling-form-controls:-the-autocomplete-attribute:autofill-expectation-mantle-2>autofill expectation mantle</a>, the <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-5><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute, if specified, must have a value that
+ is an ordered <a href=#set-of-space-separated-tokens id=autofilling-form-controls:-the-autocomplete-attribute:set-of-space-separated-tokens>set of space-separated tokens</a> consisting of either a single token that
+ is an <a href=#ascii-case-insensitive id=autofilling-form-controls:-the-autocomplete-attribute:ascii-case-insensitive>ASCII case-insensitive</a> match for the string "<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-off><a href=#attr-fe-autocomplete-off>off</a></code>", or a single token that is an <a href=#ascii-case-insensitive id=autofilling-form-controls:-the-autocomplete-attribute:ascii-case-insensitive-2>ASCII
+ case-insensitive</a> match for the string "<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-on><a href=#attr-fe-autocomplete-on>on</a></code>",
+ or <a href=#autofill-detail-tokens id=autofilling-form-controls:-the-autocomplete-attribute:autofill-detail-tokens>autofill detail tokens</a>.</p>
+
+ <p>When wearing the <a href=#autofill-anchor-mantle id=autofilling-form-controls:-the-autocomplete-attribute:autofill-anchor-mantle-2>autofill anchor
+ mantle</a>, the <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-6><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute, if specified, must have a value that is an ordered <a href=#set-of-space-separated-tokens id=autofilling-form-controls:-the-autocomplete-attribute:set-of-space-separated-tokens-2>set of
+ space-separated tokens</a> consisting of just <a href=#autofill-detail-tokens id=autofilling-form-controls:-the-autocomplete-attribute:autofill-detail-tokens-2>autofill detail tokens</a> (i.e. the
+ "<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-on-2><a href=#attr-fe-autocomplete-on>on</a></code>" and "<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-off-2><a href=#attr-fe-autocomplete-off>off</a></code>" keywords are not allowed).</p>
+
+ <p><dfn id=autofill-detail-tokens>Autofill detail tokens</dfn> are the following, in the order given below:</p>
+
<ol><li>
<p>Optionally, a token whose first eight characters are an <a href=#ascii-case-insensitive id=autofilling-form-controls:-the-autocomplete-attribute:ascii-case-insensitive-3>ASCII case-insensitive</a>
@@ -40298,21 +40319,61 @@
</ol>
- <p>The "<dfn id=attr-fe-autocomplete-off><code>off</code></dfn>" keyword indicates either
- that the control's input data is particularly sensitive (for example the activation code for a
- nuclear weapon); or that it is a value that will never be reused (for example a one-time-key for a
- bank login) and the user will therefore have to explicitly enter the data each time, instead of
- being able to rely on the UA to prefill the value for him; or that the document provides its own
- autocomplete mechanism and does not want the user agent to provide autocompletion values.</p>
+ <p>As noted earlier, the meaning of the attribute and its keywords depends on the mantle that the
+ attribute is wearing.</p>
- <p>The "<dfn id=attr-fe-autocomplete-on><code>on</code></dfn>" keyword indicates that the
- user agent is allowed to provide the user with autocompletion values, but does not provide any
- further information about what kind of data the user might be expected to enter. User agents would
- have to use heuristics to decide what autocompletion values to suggest.</p>
+ <dl class=switch><dt>When wearing the <a href=#autofill-expectation-mantle id=autofilling-form-controls:-the-autocomplete-attribute:autofill-expectation-mantle-3>autofill expectation mantle</a>...
- <p>The <dfn id=autofill-field>autofill fields</dfn> names listed above indicate that the user
- agent is allowed to provide the user with autocompletion values, and specifies what kind of value
- is expected. The keywords relate to each other as described in the table below. Each field name
+ <dd>
+
+ <p>The "<dfn id=attr-fe-autocomplete-off><code>off</code></dfn>" keyword indicates either
+ that the control's input data is particularly sensitive (for example the activation code for a
+ nuclear weapon); or that it is a value that will never be reused (for example a one-time-key for a
+ bank login) and the user will therefore have to explicitly enter the data each time, instead of
+ being able to rely on the UA to prefill the value for him; or that the document provides its own
+ autocomplete mechanism and does not want the user agent to provide autocompletion values.</p>
+
+ <p>The "<dfn id=attr-fe-autocomplete-on><code>on</code></dfn>" keyword indicates that the
+ user agent is allowed to provide the user with autocompletion values, but does not provide any
+ further information about what kind of data the user might be expected to enter. User agents would
+ have to use heuristics to decide what autocompletion values to suggest.</p>
+
+ <p>The <a href=#autofill-field id=autofilling-form-controls:-the-autocomplete-attribute:autofill-field-3>autofill field</a> listed above indicate that the user agent is allowed to
+ provide the user with autocompletion values, and specifies what kind of value is expected. The
+ meaning of each such keyword is described in the table below.</p>
+
+ <p>If the <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-7><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute is omitted, the default
+ value corresponding to the state of the element's <a href=#form-owner id=autofilling-form-controls:-the-autocomplete-attribute:form-owner>form owner</a>'s <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-form-autocomplete><a href=#attr-form-autocomplete>autocomplete</a></code> attribute is used instead (either "<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-on-3><a href=#attr-fe-autocomplete-on>on</a></code>" or "<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-off-3><a href=#attr-fe-autocomplete-off>off</a></code>"). If there is no <a href=#form-owner id=autofilling-form-controls:-the-autocomplete-attribute:form-owner-2>form owner</a>, then the
+ value "<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-on-4><a href=#attr-fe-autocomplete-on>on</a></code>" is used.</p>
+
+ <dt>When wearing the <a href=#autofill-anchor-mantle id=autofilling-form-controls:-the-autocomplete-attribute:autofill-anchor-mantle-3>autofill anchor mantle</a>...
+
+ <dd>
+
+ <p>The <a href=#autofill-field id=autofilling-form-controls:-the-autocomplete-attribute:autofill-field-4>autofill field</a> listed above indicate that the value of the particular kind
+ of value specified is that value provided for this element. The meaning of each such keyword is
+ described in the table below.</p>
+
+ <div class=example>
+
+ <p>In this example the page has explicitly specified the currency and amount of the
+ transaction. The form requests a credit card and other billing details. The user agent could
+ use this information to suggest a credit card that it knows has sufficient balance and that
+ supports the relevant currency.</p>
+
+ <pre><form method=post action="step2.cgi">
+ <input type=hidden autocomplete=transaction-currency value="CHF">
+ <input type=hidden autocomplete=transaction-amount value="15.00">
+ <p><label>Credit card number: <input type=text inputmode=numeric autocomplete=cc-number></label>
+ <p><label>Expiry Date: <input type=month autocomplete=cc-exp></label>
+ <p><input type=submit value="Continue...">
+</form></pre>
+
+ </div>
+
+ </dl>
+
+ <p>The <dfn id=autofill-field>autofill field</dfn> keywords relate to each other as described in the table below. Each field name
listed on a row of this table corresponds to the meaning given in the cell for that row in the
column labeled "Meaning". Some fields correspond to subparts of other fields; for example, a
credit card expiry date can be expressed as one field giving both the month and year of expiry
@@ -40328,10 +40389,10 @@
first and the given name second, and many others simply have one name (a <i>mononym</i>). Having a
single field is therefore more flexible.</p>
- <p>Some fields are only appropriate for certain form controls. An <a href=#autofill-field id=autofilling-form-controls:-the-autocomplete-attribute:autofill-field-3>autofill field</a> name
+ <p>Some fields are only appropriate for certain form controls. An <a href=#autofill-field id=autofilling-form-controls:-the-autocomplete-attribute:autofill-field-5>autofill field</a> name
is <dfn id=inappropriate-for-the-control>inappropriate for a control</dfn> if the control
- does not belong to the group listed for that <a href=#autofill-field id=autofilling-form-controls:-the-autocomplete-attribute:autofill-field-4>autofill field</a> in the fifth column of
- the first row describing that <a href=#autofill-field id=autofilling-form-controls:-the-autocomplete-attribute:autofill-field-5>autofill field</a> in the table below. What controls fall
+ does not belong to the group listed for that <a href=#autofill-field id=autofilling-form-controls:-the-autocomplete-attribute:autofill-field-6>autofill field</a> in the fifth column of
+ the first row describing that <a href=#autofill-field id=autofilling-form-controls:-the-autocomplete-attribute:autofill-field-7>autofill field</a> in the table below. What controls fall
into each group is described below the table.</p>
<table><thead><tr><th colspan=4> Field name
@@ -40624,69 +40685,78 @@
<dl><dt><dfn id=control-group-text>Text</dfn>
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)">Text</a> state
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-2><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-2><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-2">Search</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-2><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-2><a href=#attr-input-type>type</a></code> attribute is in the <a href="#hidden-state-(type=hidden)" id="autofilling-form-controls:-the-autocomplete-attribute:hidden-state-(type=hidden)-2">Hidden</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-3><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-3><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)">Text</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-4><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-4><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-2">Search</a> state
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-textarea-element><a href=#the-textarea-element>textarea</a></code> elements
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-select-element><a href=#the-select-element>select</a></code> elements
<dt><dfn id=control-group-multiline>Multiline</dfn>
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-5><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-5><a href=#attr-input-type>type</a></code> attribute is in the <a href="#hidden-state-(type=hidden)" id="autofilling-form-controls:-the-autocomplete-attribute:hidden-state-(type=hidden)-3">Hidden</a> state
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-textarea-element-2><a href=#the-textarea-element>textarea</a></code> elements
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-select-element-2><a href=#the-select-element>select</a></code> elements
<dt><dfn id=control-group-password>Password</dfn>
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-3><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-3><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-3">Text</a> state
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-4><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-4><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-4">Search</a> state
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-5><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-5><a href=#attr-input-type>type</a></code> attribute is in the <a href="#password-state-(type=password)" id="autofilling-form-controls:-the-autocomplete-attribute:password-state-(type=password)">Password</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-6><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-6><a href=#attr-input-type>type</a></code> attribute is in the <a href="#hidden-state-(type=hidden)" id="autofilling-form-controls:-the-autocomplete-attribute:hidden-state-(type=hidden)-4">Hidden</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-7><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-7><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-3">Text</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-8><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-8><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-4">Search</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-9><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-9><a href=#attr-input-type>type</a></code> attribute is in the <a href="#password-state-(type=password)" id="autofilling-form-controls:-the-autocomplete-attribute:password-state-(type=password)">Password</a> state
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-textarea-element-3><a href=#the-textarea-element>textarea</a></code> elements
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-select-element-3><a href=#the-select-element>select</a></code> elements
<dt><dfn id=control-group-url>URL</dfn>
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-6><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-6><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-5">Text</a> state
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-7><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-7><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-6">Search</a> state
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-8><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-8><a href=#attr-input-type>type</a></code> attribute is in the <a href="#url-state-(type=url)" id="autofilling-form-controls:-the-autocomplete-attribute:url-state-(type=url)">URL</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-10><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-10><a href=#attr-input-type>type</a></code> attribute is in the <a href="#hidden-state-(type=hidden)" id="autofilling-form-controls:-the-autocomplete-attribute:hidden-state-(type=hidden)-5">Hidden</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-11><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-11><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-5">Text</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-12><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-12><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-6">Search</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-13><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-13><a href=#attr-input-type>type</a></code> attribute is in the <a href="#url-state-(type=url)" id="autofilling-form-controls:-the-autocomplete-attribute:url-state-(type=url)">URL</a> state
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-textarea-element-4><a href=#the-textarea-element>textarea</a></code> elements
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-select-element-4><a href=#the-select-element>select</a></code> elements
<dt><dfn id=control-group-e-mail>E-mail</dfn>
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-9><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-9><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-7">Text</a> state
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-10><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-10><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-8">Search</a> state
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-11><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-11><a href=#attr-input-type>type</a></code> attribute is in the <a href="#e-mail-state-(type=email)" id="autofilling-form-controls:-the-autocomplete-attribute:e-mail-state-(type=email)">E-mail</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-14><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-14><a href=#attr-input-type>type</a></code> attribute is in the <a href="#hidden-state-(type=hidden)" id="autofilling-form-controls:-the-autocomplete-attribute:hidden-state-(type=hidden)-6">Hidden</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-15><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-15><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-7">Text</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-16><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-16><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-8">Search</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-17><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-17><a href=#attr-input-type>type</a></code> attribute is in the <a href="#e-mail-state-(type=email)" id="autofilling-form-controls:-the-autocomplete-attribute:e-mail-state-(type=email)">E-mail</a> state
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-textarea-element-5><a href=#the-textarea-element>textarea</a></code> elements
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-select-element-5><a href=#the-select-element>select</a></code> elements
<dt><dfn id=control-group-tel>Tel</dfn>
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-12><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-12><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-9">Text</a> state
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-13><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-13><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-10">Search</a> state
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-14><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-14><a href=#attr-input-type>type</a></code> attribute is in the <a href="#telephone-state-(type=tel)" id="autofilling-form-controls:-the-autocomplete-attribute:telephone-state-(type=tel)">Telephone</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-18><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-18><a href=#attr-input-type>type</a></code> attribute is in the <a href="#hidden-state-(type=hidden)" id="autofilling-form-controls:-the-autocomplete-attribute:hidden-state-(type=hidden)-7">Hidden</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-19><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-19><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-9">Text</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-20><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-20><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-10">Search</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-21><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-21><a href=#attr-input-type>type</a></code> attribute is in the <a href="#telephone-state-(type=tel)" id="autofilling-form-controls:-the-autocomplete-attribute:telephone-state-(type=tel)">Telephone</a> state
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-textarea-element-6><a href=#the-textarea-element>textarea</a></code> elements
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-select-element-6><a href=#the-select-element>select</a></code> elements
<dt><dfn id=control-group-numeric>Numeric</dfn>
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-15><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-15><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-11">Text</a> state
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-16><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-16><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-12">Search</a> state
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-17><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-17><a href=#attr-input-type>type</a></code> attribute is in the <a href="#number-state-(type=number)" id="autofilling-form-controls:-the-autocomplete-attribute:number-state-(type=number)">Number</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-22><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-22><a href=#attr-input-type>type</a></code> attribute is in the <a href="#hidden-state-(type=hidden)" id="autofilling-form-controls:-the-autocomplete-attribute:hidden-state-(type=hidden)-8">Hidden</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-23><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-23><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-11">Text</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-24><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-24><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-12">Search</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-25><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-25><a href=#attr-input-type>type</a></code> attribute is in the <a href="#number-state-(type=number)" id="autofilling-form-controls:-the-autocomplete-attribute:number-state-(type=number)">Number</a> state
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-textarea-element-7><a href=#the-textarea-element>textarea</a></code> elements
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-select-element-7><a href=#the-select-element>select</a></code> elements
<dt><dfn id=control-group-month>Month</dfn>
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-18><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-18><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-13">Text</a> state
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-19><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-19><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-14">Search</a> state
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-20><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-20><a href=#attr-input-type>type</a></code> attribute is in the <a href="#month-state-(type=month)" id="autofilling-form-controls:-the-autocomplete-attribute:month-state-(type=month)">Month</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-26><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-26><a href=#attr-input-type>type</a></code> attribute is in the <a href="#hidden-state-(type=hidden)" id="autofilling-form-controls:-the-autocomplete-attribute:hidden-state-(type=hidden)-9">Hidden</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-27><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-27><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-13">Text</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-28><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-28><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-14">Search</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-29><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-29><a href=#attr-input-type>type</a></code> attribute is in the <a href="#month-state-(type=month)" id="autofilling-form-controls:-the-autocomplete-attribute:month-state-(type=month)">Month</a> state
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-textarea-element-8><a href=#the-textarea-element>textarea</a></code> elements
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-select-element-8><a href=#the-select-element>select</a></code> elements
<dt><dfn id=control-group-date>Date</dfn>
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-21><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-21><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-15">Text</a> state
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-22><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-22><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-16">Search</a> state
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-23><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-23><a href=#attr-input-type>type</a></code> attribute is in the <a href="#date-state-(type=date)" id="autofilling-form-controls:-the-autocomplete-attribute:date-state-(type=date)">Date</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-30><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-30><a href=#attr-input-type>type</a></code> attribute is in the <a href="#hidden-state-(type=hidden)" id="autofilling-form-controls:-the-autocomplete-attribute:hidden-state-(type=hidden)-10">Hidden</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-31><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-31><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-15">Text</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-32><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-32><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-16">Search</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-33><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-33><a href=#attr-input-type>type</a></code> attribute is in the <a href="#date-state-(type=date)" id="autofilling-form-controls:-the-autocomplete-attribute:date-state-(type=date)">Date</a> state
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-textarea-element-9><a href=#the-textarea-element>textarea</a></code> elements
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-select-element-9><a href=#the-select-element>select</a></code> elements
@@ -40694,14 +40764,6 @@
</dl>
- <hr>
-
- <p>If the <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-2><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute is omitted, the default
- value corresponding to the state of the element's <a href=#form-owner id=autofilling-form-controls:-the-autocomplete-attribute:form-owner>form owner</a>'s <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-form-autocomplete><a href=#attr-form-autocomplete>autocomplete</a></code> attribute is used instead (either "<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-on-2><a href=#attr-fe-autocomplete-on>on</a></code>" or "<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-off-2><a href=#attr-fe-autocomplete-off>off</a></code>"). If there is no <a href=#form-owner id=autofilling-form-controls:-the-autocomplete-attribute:form-owner-2>form owner</a>, then the
- value "<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-on-3><a href=#attr-fe-autocomplete-on>on</a></code>" is used.</p>
-
- <hr>
-
<p id=more-on-address-levels><strong>Address levels</strong>: The "<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-address-level1-2><a href=#attr-fe-autocomplete-address-level1>address-level1</a></code>" – "<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-address-level4-2><a href=#attr-fe-autocomplete-address-level4>address-level4</a></code>" fields are used to describe
the locality of the street address. Different locales have different numbers of levels. For
example, the US uses two levels (state and town), the UK uses one or two depending on the address
@@ -40718,7 +40780,7 @@
<h6 id=processing-model-4>4.10.19.8.2 Processing model</h6>
- <p>Each <code id=processing-model-4:the-input-element><a href=#the-input-element>input</a></code>, <code id=processing-model-4:the-select-element><a href=#the-select-element>select</a></code>, and <code id=processing-model-4:the-textarea-element><a href=#the-textarea-element>textarea</a></code> element has an
+ <p>Each <code id=processing-model-4:the-input-element><a href=#the-input-element>input</a></code> element to which the <code id=processing-model-4:attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute <a href=#concept-input-apply id=processing-model-4:concept-input-apply>applies</a>, each <code id=processing-model-4:the-select-element><a href=#the-select-element>select</a></code> element, and each <code id=processing-model-4:the-textarea-element><a href=#the-textarea-element>textarea</a></code> element, has an
<dfn id=autofill-hint-set>autofill hint set</dfn>, an <dfn id=autofill-scope>autofill scope</dfn>, an <dfn id=autofill-field-name>autofill field name</dfn>, and
an <dfn id=idl-exposed-autofill-value>IDL-exposed autofill value</dfn>.</p>
@@ -40728,15 +40790,15 @@
<p>The <a href=#autofill-hint-set id=processing-model-4:autofill-hint-set>autofill hint set</a> identifies what address or contact information type the user
agent is to look at, e.g. "<code id=processing-model-4:attr-fe-autocomplete-shipping><a href=#attr-fe-autocomplete-shipping>shipping</a></code> <code id=processing-model-4:attr-fe-autocomplete-fax><a href=#attr-fe-autocomplete-fax>fax</a></code>" or "<code id=processing-model-4:attr-fe-autocomplete-billing><a href=#attr-fe-autocomplete-billing>billing</a></code>".</p>
- <p>The <a href=#autofill-scope id=processing-model-4:autofill-scope>autofill scope</a> identifies the group of fields that are to be filled with the
- information from the same source, and consists of the <a href=#autofill-hint-set id=processing-model-4:autofill-hint-set-2>autofill hint set</a> with, if
+ <p>The <a href=#autofill-scope id=processing-model-4:autofill-scope>autofill scope</a> identifies the group of fields whose information concerns the
+ same subject, and consists of the <a href=#autofill-hint-set id=processing-model-4:autofill-hint-set-2>autofill hint set</a> with, if
applicable, the "<code>section-*</code>" prefix, e.g. "<code>billing</code>",
"<code>section-parent shipping</code>", or "<code>section-child shipping
home</code>".</p>
<p>These values are defined as the result of running the following algorithm:</p>
- <ol><li><p>If the element has no <code id=processing-model-4:attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute,
+ <ol><li><p>If the element has no <code id=processing-model-4:attr-fe-autocomplete-2><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute,
then jump to the step labeled <i>default</i>.<li><p>Let <var>tokens</var> be the result of <a href=#split-a-string-on-spaces id=processing-model-4:split-a-string-on-spaces>splitting the attribute's value on spaces</a>.<li><p>If <var>tokens</var> is empty, then jump to the step labeled
<i>default</i>.<li><p>Let <var>index</var> be the index of the last token in <var>tokens</var>.<li>
@@ -40918,7 +40980,8 @@
<td>Contact
</table>
- <li><p>If <var>category</var> is Off, let the element's <a href=#autofill-field-name id=processing-model-4:autofill-field-name-2>autofill field name</a>
+ <li><p>If <var>category</var> is Off or Automatic but the element's <code id=processing-model-4:attr-fe-autocomplete-3><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute is wearing the <a href=#autofill-anchor-mantle id=processing-model-4:autofill-anchor-mantle>autofill anchor
+ mantle</a>, then jump to the step labeled <i>default</i>.<li><p>If <var>category</var> is Off, let the element's <a href=#autofill-field-name id=processing-model-4:autofill-field-name-2>autofill field name</a>
be the string "<code>off</code>", let its <a href=#autofill-hint-set id=processing-model-4:autofill-hint-set-3>autofill hint set</a> be empty, and
let its <a href=#idl-exposed-autofill-value id=processing-model-4:idl-exposed-autofill-value>IDL-exposed autofill value</a> be the string "<code>off</code>". Then,
abort these steps.</p>
@@ -40981,13 +41044,15 @@
<li><p>Let the element's <a href=#idl-exposed-autofill-value id=processing-model-4:idl-exposed-autofill-value-3>IDL-exposed autofill value</a> be <var>IDL value</var>.</p>
<li><p>Abort these steps.<li><p><i>Default</i>: Let the element's <a href=#idl-exposed-autofill-value id=processing-model-4:idl-exposed-autofill-value-4>IDL-exposed autofill value</a> be the empty
- string, and its <a href=#autofill-hint-set id=processing-model-4:autofill-hint-set-6>autofill hint set</a> and <a href=#autofill-scope id=processing-model-4:autofill-scope-3>autofill scope</a> be empty.<li><p>Let <var>form</var> be the element's <a href=#form-owner id=processing-model-4:form-owner>form owner</a>, if any, or null
+ string, and its <a href=#autofill-hint-set id=processing-model-4:autofill-hint-set-6>autofill hint set</a> and <a href=#autofill-scope id=processing-model-4:autofill-scope-3>autofill scope</a> be empty.<li><p>If the element's <code id=processing-model-4:attr-fe-autocomplete-4><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute is
+ wearing the <a href=#autofill-anchor-mantle id=processing-model-4:autofill-anchor-mantle-2>autofill anchor mantle</a>, then let the element's <a href=#autofill-field-name id=processing-model-4:autofill-field-name-5>autofill field
+ name</a> be the empty string and abort these steps.<li><p>Let <var>form</var> be the element's <a href=#form-owner id=processing-model-4:form-owner>form owner</a>, if any, or null
otherwise.<li>
<p>If <var>form</var> is not null and <var>form</var>'s <code id=processing-model-4:attr-form-autocomplete><a href=#attr-form-autocomplete>autocomplete</a></code> attribute is in the <a href=#attr-form-autocomplete-off-state id=processing-model-4:attr-form-autocomplete-off-state>off</a> state, then let the element's
- <a href=#autofill-field-name id=processing-model-4:autofill-field-name-5>autofill field name</a> be "<code id=processing-model-4:attr-fe-autocomplete-off-2><a href=#attr-fe-autocomplete-off>off</a></code>".</p>
+ <a href=#autofill-field-name id=processing-model-4:autofill-field-name-6>autofill field name</a> be "<code id=processing-model-4:attr-fe-autocomplete-off-2><a href=#attr-fe-autocomplete-off>off</a></code>".</p>
- <p>Otherwise, let the element's <a href=#autofill-field-name id=processing-model-4:autofill-field-name-6>autofill field name</a> be "<code id=processing-model-4:attr-fe-autocomplete-on-2><a href=#attr-fe-autocomplete-on>on</a></code>".</p>
+ <p>Otherwise, let the element's <a href=#autofill-field-name id=processing-model-4:autofill-field-name-7>autofill field name</a> be "<code id=processing-model-4:attr-fe-autocomplete-on-2><a href=#attr-fe-autocomplete-on>on</a></code>".</p>
</ol>
@@ -41001,29 +41066,36 @@
<hr>
- <p>When an element's <a href=#autofill-field-name id=processing-model-4:autofill-field-name-7>autofill field name</a> is "<code id=processing-model-4:attr-fe-autocomplete-off-3><a href=#attr-fe-autocomplete-off>off</a></code>", the user agent should not remember the <a href="#control's-data" id="processing-model-4:control's-data">control's
- data</a>, and should not offer past values to the user.</p>
+ <p>How to process the <a href=#autofill-hint-set id=processing-model-4:autofill-hint-set-7>autofill hint set</a>, <a href=#autofill-scope id=processing-model-4:autofill-scope-4>autofill scope</a>, and
+ <a href=#autofill-field-name id=processing-model-4:autofill-field-name-8>autofill field name</a> depends on the mantle that the <code id=processing-model-4:attr-fe-autocomplete-5><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute is wearing.</p>
- <p class=note>In addition, when an element's <a href=#autofill-field-name id=processing-model-4:autofill-field-name-8>autofill field name</a> is "<code id=processing-model-4:attr-fe-autocomplete-off-4><a href=#attr-fe-autocomplete-off>off</a></code>", <a href=#history-autocomplete>values are reset</a>
- when <a href=#traverse-the-history id=processing-model-4:traverse-the-history>traversing the history</a>.</p>
+ <dl class=switch><dt>When wearing the <a href=#autofill-expectation-mantle id=processing-model-4:autofill-expectation-mantle>autofill expectation mantle</a>...
- <div class=example>
+ <dd>
- <p>Banks frequently do not want UAs to prefill login information:</p>
+ <p>When an element's <a href=#autofill-field-name id=processing-model-4:autofill-field-name-9>autofill field name</a> is "<code id=processing-model-4:attr-fe-autocomplete-off-3><a href=#attr-fe-autocomplete-off>off</a></code>", the user agent should not remember the <a href="#control's-data" id="processing-model-4:control's-data">control's
+ data</a>, and should not offer past values to the user.</p>
- <pre><p><label>Account: <input type="text" name="ac" autocomplete="off"></label></p>
+ <p class=note>In addition, when an element's <a href=#autofill-field-name id=processing-model-4:autofill-field-name-10>autofill field name</a> is "<code id=processing-model-4:attr-fe-autocomplete-off-4><a href=#attr-fe-autocomplete-off>off</a></code>", <a href=#history-autocomplete>values are reset</a>
+ when <a href=#traverse-the-history id=processing-model-4:traverse-the-history>traversing the history</a>.</p>
+
+ <div class=example>
+
+ <p>Banks frequently do not want UAs to prefill login information:</p>
+
+ <pre><p><label>Account: <input type="text" name="ac" autocomplete="off"></label></p>
<p><label>PIN: <input type="password" name="pin" autocomplete="off"></label></p></pre>
- </div>
+ </div>
- <p>When an element's <a href=#autofill-field-name id=processing-model-4:autofill-field-name-9>autofill field name</a> is <em>not</em> "<code id=processing-model-4:attr-fe-autocomplete-off-5><a href=#attr-fe-autocomplete-off>off</a></code>", the user agent may store the <a href="#control's-data" id="processing-model-4:control's-data-2">control's
- data</a>, and may offer previously stored values to the user.</p>
+ <p>When an element's <a href=#autofill-field-name id=processing-model-4:autofill-field-name-11>autofill field name</a> is <em>not</em> "<code id=processing-model-4:attr-fe-autocomplete-off-5><a href=#attr-fe-autocomplete-off>off</a></code>", the user agent may store the <a href="#control's-data" id="processing-model-4:control's-data-2">control's
+ data</a>, and may offer previously stored values to the user.</p>
- <div class=example>
+ <div class=example>
- <p>For example, suppose a user visits a page with this control:</p>
+ <p>For example, suppose a user visits a page with this control:</p>
- <pre><select name="country">
+ <pre><select name="country">
<option>Afghanistan
<option>Albania
<option>Algeria
@@ -41038,41 +41110,52 @@
<option>Zimbabwe
</select></pre>
- <p>This might render as follows:</p>
+ <p>This might render as follows:</p>
- <p><img src=http://images.whatwg.org/select-country-1.png alt="A drop-down control with a long alphabetical list of countries."></p>
+ <p><img src=http://images.whatwg.org/select-country-1.png alt="A drop-down control with a long alphabetical list of countries."></p>
- <p>Suppose that on the first visit to this page, the user selects "Zambia". On the second visit,
- the user agent could duplicate the entry for Zambia at the top of the list, so that the interface
- instead looks like this:</p>
+ <p>Suppose that on the first visit to this page, the user selects "Zambia". On the second visit,
+ the user agent could duplicate the entry for Zambia at the top of the list, so that the interface
+ instead looks like this:</p>
- <p><img src=http://images.whatwg.org/select-country-2.png alt="The same drop-down control with the alphabetical list of countries, but with Zambia as an entry at the top."></p>
+ <p><img src=http://images.whatwg.org/select-country-2.png alt="The same drop-down control with the alphabetical list of countries, but with Zambia as an entry at the top."></p>
- </div>
+ </div>
- <p>When the <a href=#autofill-field-name id=processing-model-4:autofill-field-name-10>autofill field name</a> is "<code id=processing-model-4:attr-fe-autocomplete-on-3><a href=#attr-fe-autocomplete-on>on</a></code>", the user agent should attempt to use heuristics to
- determine the most appropriate values to offer the user, e.g. based on the element's <code id=processing-model-4:attr-fe-name><a href=#attr-fe-name>name</a></code> value, the position of the element in the document's DOM, what
- other fields exist in the form, and so forth.</p>
+ <p>When the <a href=#autofill-field-name id=processing-model-4:autofill-field-name-12>autofill field name</a> is "<code id=processing-model-4:attr-fe-autocomplete-on-3><a href=#attr-fe-autocomplete-on>on</a></code>", the user agent should attempt to use heuristics to
+ determine the most appropriate values to offer the user, e.g. based on the element's <code id=processing-model-4:attr-fe-name><a href=#attr-fe-name>name</a></code> value, the position of the element in the document's DOM, what
+ other fields exist in the form, and so forth.</p>
- <p>When the <a href=#autofill-field-name id=processing-model-4:autofill-field-name-11>autofill field name</a> is one of the names of the <a href=#autofill-field id=processing-model-4:autofill-field>autofill fields</a> described above, the user agent should provide suggestions that
- match the meaning of the field name as given in the table earlier in this section. The
- <a href=#autofill-hint-set id=processing-model-4:autofill-hint-set-7>autofill hint set</a> should be used to select amongst multiple possible suggestions.</p>
+ <p>When the <a href=#autofill-field-name id=processing-model-4:autofill-field-name-13>autofill field name</a> is one of the names of the <a href=#autofill-field id=processing-model-4:autofill-field>autofill fields</a> described above, the user agent should provide suggestions that
+ match the meaning of the field name as given in the table earlier in this section. The
+ <a href=#autofill-hint-set id=processing-model-4:autofill-hint-set-8>autofill hint set</a> should be used to select amongst multiple possible suggestions.</p>
- <p class=example>For example, if a user once entered one address into fields that used the
- "<code id=processing-model-4:attr-fe-autocomplete-shipping-3><a href=#attr-fe-autocomplete-shipping>shipping</a></code>" keyword, and another address into
- fields that used the "<code id=processing-model-4:attr-fe-autocomplete-billing-3><a href=#attr-fe-autocomplete-billing>billing</a></code>" keyword, then in
- subsequent forms only the first address would be suggested for form controls whose <a href=#autofill-hint-set id=processing-model-4:autofill-hint-set-8>autofill
- hint set</a> contains the keyword "<code id=processing-model-4:attr-fe-autocomplete-shipping-4><a href=#attr-fe-autocomplete-shipping>shipping</a></code>". Both addresses might be suggested,
- however, for address-related form controls whose <a href=#autofill-hint-set id=processing-model-4:autofill-hint-set-9>autofill hint set</a> does not contain
- either keyword.</p>
+ <p class=example>For example, if a user once entered one address into fields that used the
+ "<code id=processing-model-4:attr-fe-autocomplete-shipping-3><a href=#attr-fe-autocomplete-shipping>shipping</a></code>" keyword, and another address into
+ fields that used the "<code id=processing-model-4:attr-fe-autocomplete-billing-3><a href=#attr-fe-autocomplete-billing>billing</a></code>" keyword, then in
+ subsequent forms only the first address would be suggested for form controls whose <a href=#autofill-hint-set id=processing-model-4:autofill-hint-set-9>autofill
+ hint set</a> contains the keyword "<code id=processing-model-4:attr-fe-autocomplete-shipping-4><a href=#attr-fe-autocomplete-shipping>shipping</a></code>". Both addresses might be suggested,
+ however, for address-related form controls whose <a href=#autofill-hint-set id=processing-model-4:autofill-hint-set-10>autofill hint set</a> does not contain
+ either keyword.</p>
+ <dt>When wearing the <a href=#autofill-anchor-mantle id=processing-model-4:autofill-anchor-mantle-3>autofill anchor mantle</a>...
+
+ <dd>
+
+ <p>When the <a href=#autofill-field-name id=processing-model-4:autofill-field-name-14>autofill field name</a> is not the empty string, then the user agent must
+ act as if the user had specified the <a href="#control's-data" id="processing-model-4:control's-data-3">control's data</a> for the given <a href=#autofill-hint-set id=processing-model-4:autofill-hint-set-11>autofill
+ hint set</a>, <a href=#autofill-scope id=processing-model-4:autofill-scope-5>autofill scope</a>, and <a href=#autofill-field-name id=processing-model-4:autofill-field-name-15>autofill field name</a>
+ combination.</p>
+
+ </dl>
+
<p>When the user agent <dfn id=concept-fe-autofill>autofills form controls</dfn>, elements
- with the same <a href=#form-owner id=processing-model-4:form-owner-2>form owner</a> and the same <a href=#autofill-scope id=processing-model-4:autofill-scope-4>autofill scope</a> must use data
+ with the same <a href=#form-owner id=processing-model-4:form-owner-2>form owner</a> and the same <a href=#autofill-scope id=processing-model-4:autofill-scope-6>autofill scope</a> must use data
relating to the same person, address, payment instrument, and contact details. <span id=autofill-country>When a user agent autofills "<code id=processing-model-4:attr-fe-autocomplete-country-2><a href=#attr-fe-autocomplete-country>country</a></code>" and "<code id=processing-model-4:attr-fe-autocomplete-country-name-2><a href=#attr-fe-autocomplete-country-name>country-name</a></code>" fields with the same <a href=#form-owner id=processing-model-4:form-owner-3>form
- owner</a> and <a href=#autofill-scope id=processing-model-4:autofill-scope-5>autofill scope</a>, and the user agent has a value for the <code id=processing-model-4:attr-fe-autocomplete-country-3><a href=#attr-fe-autocomplete-country>country</a></code>" field(s), then the "<code id=processing-model-4:attr-fe-autocomplete-country-name-3><a href=#attr-fe-autocomplete-country-name>country-name</a></code>" field(s) must be filled using a
+ owner</a> and <a href=#autofill-scope id=processing-model-4:autofill-scope-7>autofill scope</a>, and the user agent has a value for the <code id=processing-model-4:attr-fe-autocomplete-country-3><a href=#attr-fe-autocomplete-country>country</a></code>" field(s), then the "<code id=processing-model-4:attr-fe-autocomplete-country-name-3><a href=#attr-fe-autocomplete-country-name>country-name</a></code>" field(s) must be filled using a
human-readable name for the same country.</span> When a user agent fills in multiple fields at
- once, all fields with the same <a href=#autofill-field-name id=processing-model-4:autofill-field-name-12>autofill field name</a>, <a href=#form-owner id=processing-model-4:form-owner-4>form owner</a> and
- <a href=#autofill-scope id=processing-model-4:autofill-scope-6>autofill scope</a> must be filled with the same value.</p>
+ once, all fields with the same <a href=#autofill-field-name id=processing-model-4:autofill-field-name-16>autofill field name</a>, <a href=#form-owner id=processing-model-4:form-owner-4>form owner</a> and
+ <a href=#autofill-scope id=processing-model-4:autofill-scope-8>autofill scope</a> must be filled with the same value.</p>
<p class=example>Suppose a user agent knows of two phone numbers, +1 555 123 1234 and +1 555 666
7777. It would not be conforming for the user agent to fill a field with <code>autocomplete="shipping tel-local-prefix"</code> with the value "123" and another field
@@ -41083,7 +41166,22 @@
<p class=example>Similarly, if a form for some reason contained both a "<code id=processing-model-4:attr-fe-autocomplete-cc-exp-3><a href=#attr-fe-autocomplete-cc-exp>cc-exp</a></code>" field and a "<code id=processing-model-4:attr-fe-autocomplete-cc-exp-month-2><a href=#attr-fe-autocomplete-cc-exp-month>cc-exp-month</a></code>" field, and the user agent
prefilled the form, then the month component of the former would have to match the latter.</p>
- <p>The "<code>section-*</code>" tokens in the <a href=#autofill-scope id=processing-model-4:autofill-scope-7>autofill scope</a> are opaque;
+ <div class=example>
+
+ <p>This requirement interacts with the <a href=#autofill-anchor-mantle id=processing-model-4:autofill-anchor-mantle-4>autofill anchor mantle</a> also. Consider the
+ following markup snippet:</p>
+
+ <pre><form>
+ <input type=hidden autocomplete="nickname" value="TreePlate">
+ <input type=text autocomplete="nickname">
+</form></pre>
+
+ <p>The only value that a conforming user agent could suggest in the text field is
+ "TreePlate", the value given by the hidden <code id=processing-model-4:the-input-element-4><a href=#the-input-element>input</a></code> element.</p>
+
+ </div>
+
+ <p>The "<code>section-*</code>" tokens in the <a href=#autofill-scope id=processing-model-4:autofill-scope-9>autofill scope</a> are opaque;
user agents must not attempt to derive meaning from the precise values of these tokens.</p>
<p class=example>For example, it would not be conforming if the user agent decided that it
@@ -41091,12 +41189,12 @@
"<code>section-spouse</code>".</p>
<p>The autocompletion mechanism must be implemented by the user agent acting as if the user had
- modified the <a href="#control's-data" id="processing-model-4:control's-data-3">control's data</a>, and must be done at a time where the element is <i id=processing-model-4:concept-fe-mutable><a href=#concept-fe-mutable>mutable</a></i> (e.g. just after the element has been inserted into the
+ modified the <a href="#control's-data" id="processing-model-4:control's-data-4">control's data</a>, and must be done at a time where the element is <i id=processing-model-4:concept-fe-mutable><a href=#concept-fe-mutable>mutable</a></i> (e.g. just after the element has been inserted into the
document, or when the user agent <a href=#stop-parsing id=processing-model-4:stop-parsing>stops parsing</a>). User agents
must only prefill controls using values that the user could have entered.</p>
<p class=example>For example, if a <code id=processing-model-4:the-select-element-6><a href=#the-select-element>select</a></code> element only has <code id=processing-model-4:the-option-element-3><a href=#the-option-element>option</a></code>
- elements with values "Steve" and "Rebecca", "Jay", and "Bob", and has an <a href=#autofill-field-name id=processing-model-4:autofill-field-name-13>autofill field
+ elements with values "Steve" and "Rebecca", "Jay", and "Bob", and has an <a href=#autofill-field-name id=processing-model-4:autofill-field-name-17>autofill field
name</a> "<code id=processing-model-4:attr-fe-autocomplete-given-name-2><a href=#attr-fe-autocomplete-given-name>given-name</a></code>", but the user
agent's only idea for what to prefill the field with is "Evan", then the user agent cannot prefill
the field. It would not be conforming to somehow set the <code id=processing-model-4:the-select-element-7><a href=#the-select-element>select</a></code> element to the value
@@ -41172,11 +41270,11 @@
</div>
- <p>A user agent may allow the user to override an element's <a href=#autofill-field-name id=processing-model-4:autofill-field-name-14>autofill field name</a>, e.g.
+ <p>A user agent may allow the user to override an element's <a href=#autofill-field-name id=processing-model-4:autofill-field-name-18>autofill field name</a>, e.g.
to change it from "<code id=processing-model-4:attr-fe-autocomplete-off-6><a href=#attr-fe-autocomplete-off>off</a></code>" to "<code id=processing-model-4:attr-fe-autocomplete-on-4><a href=#attr-fe-autocomplete-on>on</a></code>" to allow values to be remembered and prefilled despite
the page author's objections, or to always "<code id=processing-model-4:attr-fe-autocomplete-off-7><a href=#attr-fe-autocomplete-off>off</a></code>",
never remembering values. However, user agents should not allow users to trivially override the
- <a href=#autofill-field-name id=processing-model-4:autofill-field-name-15>autofill field name</a> from "<code id=processing-model-4:attr-fe-autocomplete-off-8><a href=#attr-fe-autocomplete-off>off</a></code>" to
+ <a href=#autofill-field-name id=processing-model-4:autofill-field-name-19>autofill field name</a> from "<code id=processing-model-4:attr-fe-autocomplete-off-8><a href=#attr-fe-autocomplete-off>off</a></code>" to
"<code id=processing-model-4:attr-fe-autocomplete-on-5><a href=#attr-fe-autocomplete-on>on</a></code>" or other values, as there are significant
security implications for the user if all values are always remembered, regardless of the site's
preferences.</p>
@@ -41218,10 +41316,14 @@
attribute:</p>
<ul><li><p>the element's <a href=#form-owner id=user-interface-for-bulk-autofill:form-owner>form owner</a> is <var>form</var><li><p>the element is <i id=user-interface-for-bulk-autofill:concept-fe-mutable><a href=#concept-fe-mutable>mutable</a></i><li><p>the element is an <code id=user-interface-for-bulk-autofill:the-input-element><a href=#the-input-element>input</a></code> element to which the <code id=user-interface-for-bulk-autofill:attr-fe-autocomplete-2><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute currently <a href=#concept-input-apply id=user-interface-for-bulk-autofill:concept-input-apply>applies</a>, or, the element is a <code id=user-interface-for-bulk-autofill:the-textarea-element><a href=#the-textarea-element>textarea</a></code>
- element, or, the element is a <code id=user-interface-for-bulk-autofill:the-select-element><a href=#the-select-element>select</a></code> element<li><p>the element's <a href=#autofill-field-name id=user-interface-for-bulk-autofill:autofill-field-name>autofill field name</a> is neither "<code id=user-interface-for-bulk-autofill:attr-fe-autocomplete-off><a href=#attr-fe-autocomplete-off>off</a></code>" nor "<code id=user-interface-for-bulk-autofill:attr-fe-autocomplete-on><a href=#attr-fe-autocomplete-on>on</a></code>"</ul>
+ element, or, the element is a <code id=user-interface-for-bulk-autofill:the-select-element><a href=#the-select-element>select</a></code> element<li><p>the element's <code id=user-interface-for-bulk-autofill:attr-fe-autocomplete-3><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute is
+ wearing the <a href=#autofill-expectation-mantle id=user-interface-for-bulk-autofill:autofill-expectation-mantle>autofill expectation mantle</a><li><p>the element's <a href=#autofill-field-name id=user-interface-for-bulk-autofill:autofill-field-name>autofill field name</a> is neither "<code id=user-interface-for-bulk-autofill:attr-fe-autocomplete-off><a href=#attr-fe-autocomplete-off>off</a></code>" nor "<code id=user-interface-for-bulk-autofill:attr-fe-autocomplete-on><a href=#attr-fe-autocomplete-on>on</a></code>"</ul>
<li><p>Return, but continue running these steps asynchronously.<li><p>Provide an interface for the user to efficiently fill in some or all of the fields listed
- in <var>pending autofills</var>. Await the user's input.<li>
+ in <var>pending autofills</var>. Await the user's input. The user agent may include additional
+ (immutable) information, e.g. <a href="#control's-data" id="user-interface-for-bulk-autofill:control's-data">data</a> obtained from elements
+ with an <code id=user-interface-for-bulk-autofill:attr-fe-autocomplete-4><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute wearing the
+ <a href=#autofill-anchor-mantle id=user-interface-for-bulk-autofill:autofill-anchor-mantle>autofill anchor mantle</a>.<li>
<p><a href=#queue-a-task id=user-interface-for-bulk-autofill:queue-a-task-2>Queue a task</a> to run the following steps:</p>
@@ -41248,9 +41350,10 @@
<p>If all of the following conditions are met, then <a href=#concept-fe-autofill id=user-interface-for-bulk-autofill:concept-fe-autofill>autofill</a> <var>candidate</var>:</p>
- <ul><li><p><var>candidate</var>'s <a href=#form-owner id=user-interface-for-bulk-autofill:form-owner-2>form owner</a> is <var>form</var><li><p><var>candidate</var> is still <i id=user-interface-for-bulk-autofill:concept-fe-mutable-2><a href=#concept-fe-mutable>mutable</a></i><li><p><var>candidate</var> is an <code id=user-interface-for-bulk-autofill:the-input-element-2><a href=#the-input-element>input</a></code> element to which the <code id=user-interface-for-bulk-autofill:attr-fe-autocomplete-3><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute still <a href=#concept-input-apply id=user-interface-for-bulk-autofill:concept-input-apply-2>applies</a>, or, <var>candidate</var> is a
+ <ul><li><p><var>candidate</var>'s <a href=#form-owner id=user-interface-for-bulk-autofill:form-owner-2>form owner</a> is <var>form</var><li><p><var>candidate</var> is still <i id=user-interface-for-bulk-autofill:concept-fe-mutable-2><a href=#concept-fe-mutable>mutable</a></i><li><p><var>candidate</var> is an <code id=user-interface-for-bulk-autofill:the-input-element-2><a href=#the-input-element>input</a></code> element to which the <code id=user-interface-for-bulk-autofill:attr-fe-autocomplete-5><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute still <a href=#concept-input-apply id=user-interface-for-bulk-autofill:concept-input-apply-2>applies</a>, or, <var>candidate</var> is a
<code id=user-interface-for-bulk-autofill:the-textarea-element-2><a href=#the-textarea-element>textarea</a></code> element, or, <var>candidate</var> is a <code id=user-interface-for-bulk-autofill:the-select-element-2><a href=#the-select-element>select</a></code>
- element<li><p><var>candidate</var>'s <a href=#autofill-field-name id=user-interface-for-bulk-autofill:autofill-field-name-2>autofill field name</a> is still equal to
+ element<li><p>the element's <code id=user-interface-for-bulk-autofill:attr-fe-autocomplete-6><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute is
+ still wearing the <a href=#autofill-expectation-mantle id=user-interface-for-bulk-autofill:autofill-expectation-mantle-2>autofill expectation mantle</a><li><p><var>candidate</var>'s <a href=#autofill-field-name id=user-interface-for-bulk-autofill:autofill-field-name-2>autofill field name</a> is still equal to
<var>old autocomplete value</var><li><p>the user provided a value to autofill <var>candidate</var></ul>
</ol>
Modified: index
===================================================================
--- index 2014-08-29 22:57:07 UTC (rev 8735)
+++ index 2014-09-02 21:29:10 UTC (rev 8736)
@@ -291,7 +291,7 @@
</style><link rel=stylesheet href=status.css><body onload=init()>
<header id=head class="head with-buttons">
<p><a href=//www.whatwg.org/ class=logo><img src=/images/logo width=101 alt=WHATWG height=101></a></p>
- <hgroup><h1 class=allcaps>HTML</h1><h2 id=living-standard-—-last-updated-[date:-01-jan-1901] class="no-num no-toc">Living Standard — Last Updated <span class=pubdate>29 August 2014</span></h2></hgroup>
+ <hgroup><h1 class=allcaps>HTML</h1><h2 id=living-standard-—-last-updated-[date:-01-jan-1901] class="no-num no-toc">Living Standard — Last Updated <span class=pubdate>2 September 2014</span></h2></hgroup>
<nav>
<div>
@@ -17672,7 +17672,7 @@
<p>The IDL attributes <dfn id=dom-picture-source-srcset><code>srcset</code></dfn>,
<dfn id=dom-picture-source-sizes><code>sizes</code></dfn> and
- <dfn id=dom-picture-source-media><code>media</code></dfn> must reflect the
+ <dfn id=dom-picture-source-media><code>media</code></dfn> must <a href=#reflect id=the-source-element-when-used-with-the-picture-element:reflect>reflect</a> the
respective content attributes of the same name.</p>
@@ -17687,7 +17687,7 @@
attribute DOMString <a href=#dom-img-src id=the-img-element:dom-img-src>src</a>;
attribute DOMString <a href=#dom-img-srcset id=the-img-element:dom-img-srcset>srcset</a>;
attribute DOMString <a href=#dom-img-sizes id=the-img-element:dom-img-sizes>sizes</a>;
- attribute DOMString <a href=#dom-img-crossorigin id=the-img-element:dom-img-crossorigin>crossOrigin</a>;
+ attribute DOMString? <a href=#dom-img-crossorigin id=the-img-element:dom-img-crossorigin>crossOrigin</a>;
attribute DOMString <a href=#dom-img-usemap id=the-img-element:dom-img-usemap>useMap</a>;
attribute boolean <a href=#dom-img-ismap id=the-img-element:dom-img-ismap>isMap</a>;
attribute unsigned long <a href=#dom-img-width id=the-img-element:dom-img-width>width</a>;
@@ -18662,8 +18662,7 @@
respective content attributes of the same name.</p>
<p>The <dfn id=dom-img-crossorigin><code>crossOrigin</code></dfn> IDL attribute must
- <a href=#reflect id=the-img-element:reflect-2>reflect</a> the <code id=the-img-element:attr-img-crossorigin-7><a href=#attr-img-crossorigin>crossorigin</a></code> content attribute,
- <a href=#limited-to-only-known-values id=the-img-element:limited-to-only-known-values>limited to only known values</a>.</p>
+ <a href=#reflect id=the-img-element:reflect-2>reflect</a> the <code id=the-img-element:attr-img-crossorigin-7><a href=#attr-img-crossorigin>crossorigin</a></code> content attribute.</p>
<p>The <dfn id=dom-img-usemap><code>useMap</code></dfn> IDL attribute must
<a href=#reflect id=the-img-element:reflect-3>reflect</a> the <code id=the-img-element:attr-hyperlink-usemap-5><a href=#attr-hyperlink-usemap>usemap</a></code> content attribute.</p>
@@ -31722,8 +31721,8 @@
<tr><th> <code id=the-input-element:attr-fe-autocomplete-3><a href=#attr-fe-autocomplete>autocomplete</a></code>
- <td class=no> ·
<td class=yes> Yes
+ <td class=yes> Yes
<td class=yes> Yes
<td class=yes> Yes
@@ -32929,15 +32928,18 @@
<div class=bookkeeping>
<p>The
+ <code id="hidden-state-(type=hidden):attr-fe-autocomplete"><a href=#attr-fe-autocomplete>autocomplete</a></code>
+ content attribute <a href=#concept-input-apply id="hidden-state-(type=hidden):concept-input-apply">applies</a> to this element.</p>
+
+ <p>The
<code id="hidden-state-(type=hidden):dom-input-value"><a href=#dom-input-value>value</a></code>
- IDL attribute <a href=#concept-input-apply id="hidden-state-(type=hidden):concept-input-apply">applies</a> to this element and is
+ IDL attribute <a href=#concept-input-apply id="hidden-state-(type=hidden):concept-input-apply-2">applies</a> to this element and is
in mode <a href=#dom-input-value-default id="hidden-state-(type=hidden):dom-input-value-default">default</a>.</p>
<p>The following content attributes must not be specified and <a href=#do-not-apply id="hidden-state-(type=hidden):do-not-apply">do not
apply</a> to the element:
<code id="hidden-state-(type=hidden):attr-input-accept" class=no-backref><a href=#attr-input-accept>accept</a></code>,
<code id="hidden-state-(type=hidden):attr-input-alt" class=no-backref><a href=#attr-input-alt>alt</a></code>,
- <code id="hidden-state-(type=hidden):attr-fe-autocomplete" class=no-backref><a href=#attr-fe-autocomplete>autocomplete</a></code>,
<code id="hidden-state-(type=hidden):attr-input-checked" class=no-backref><a href=#attr-input-checked>checked</a></code>,
<code id="hidden-state-(type=hidden):attr-fe-dirname" class=no-backref><a href=#attr-fe-dirname>dirname</a></code>,
<code id="hidden-state-(type=hidden):attr-fs-formaction" class=no-backref><a href=#attr-fs-formaction>formaction</a></code>,
@@ -40146,11 +40148,30 @@
user's address based on earlier user input. The <dfn id=attr-fe-autocomplete><code>autocomplete</code></dfn> content attribute can be used to hint
to the user agent how to, or indeed whether to, provide such a feature.</p>
- <p>The attribute, if present, must have a value that is an ordered <a href=#set-of-space-separated-tokens id=autofilling-form-controls:-the-autocomplete-attribute:set-of-space-separated-tokens>set of space-separated
- tokens</a> consisting of either a single token that is an <a href=#ascii-case-insensitive id=autofilling-form-controls:-the-autocomplete-attribute:ascii-case-insensitive>ASCII case-insensitive</a>
- match for the string "<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-off><a href=#attr-fe-autocomplete-off>off</a></code>", or a single token that
- is an <a href=#ascii-case-insensitive id=autofilling-form-controls:-the-autocomplete-attribute:ascii-case-insensitive-2>ASCII case-insensitive</a> match for the string "<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-on><a href=#attr-fe-autocomplete-on>on</a></code>", or the following, in the order given below:</p>
+
+ <p>There are two ways this attribute is used. When wearing the <dfn id=autofill-expectation-mantle>autofill expectation
+ mantle</dfn>, the <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-2><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute describes what
+ input is expected from users. When wearing the <dfn id=autofill-anchor-mantle>autofill anchor mantle</dfn>, the <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-3><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute describes the meaning of the given
+ value.</p>
+
+ <p>On an <code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element><a href=#the-input-element>input</a></code> element whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type><a href=#attr-input-type>type</a></code> attribute is
+ in the <a href="#hidden-state-(type=hidden)" id="autofilling-form-controls:-the-autocomplete-attribute:hidden-state-(type=hidden)">Hidden</a> state, the <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-4><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute wears the <a href=#autofill-anchor-mantle id=autofilling-form-controls:-the-autocomplete-attribute:autofill-anchor-mantle>autofill anchor
+ mantle</a>. In all other cases, it wears the <a href=#autofill-expectation-mantle id=autofilling-form-controls:-the-autocomplete-attribute:autofill-expectation-mantle>autofill expectation mantle</a>.</p>
+
+ <p>When wearing the <a href=#autofill-expectation-mantle id=autofilling-form-controls:-the-autocomplete-attribute:autofill-expectation-mantle-2>autofill expectation mantle</a>, the <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-5><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute, if specified, must have a value that
+ is an ordered <a href=#set-of-space-separated-tokens id=autofilling-form-controls:-the-autocomplete-attribute:set-of-space-separated-tokens>set of space-separated tokens</a> consisting of either a single token that
+ is an <a href=#ascii-case-insensitive id=autofilling-form-controls:-the-autocomplete-attribute:ascii-case-insensitive>ASCII case-insensitive</a> match for the string "<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-off><a href=#attr-fe-autocomplete-off>off</a></code>", or a single token that is an <a href=#ascii-case-insensitive id=autofilling-form-controls:-the-autocomplete-attribute:ascii-case-insensitive-2>ASCII
+ case-insensitive</a> match for the string "<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-on><a href=#attr-fe-autocomplete-on>on</a></code>",
+ or <a href=#autofill-detail-tokens id=autofilling-form-controls:-the-autocomplete-attribute:autofill-detail-tokens>autofill detail tokens</a>.</p>
+
+ <p>When wearing the <a href=#autofill-anchor-mantle id=autofilling-form-controls:-the-autocomplete-attribute:autofill-anchor-mantle-2>autofill anchor
+ mantle</a>, the <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-6><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute, if specified, must have a value that is an ordered <a href=#set-of-space-separated-tokens id=autofilling-form-controls:-the-autocomplete-attribute:set-of-space-separated-tokens-2>set of
+ space-separated tokens</a> consisting of just <a href=#autofill-detail-tokens id=autofilling-form-controls:-the-autocomplete-attribute:autofill-detail-tokens-2>autofill detail tokens</a> (i.e. the
+ "<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-on-2><a href=#attr-fe-autocomplete-on>on</a></code>" and "<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-off-2><a href=#attr-fe-autocomplete-off>off</a></code>" keywords are not allowed).</p>
+
+ <p><dfn id=autofill-detail-tokens>Autofill detail tokens</dfn> are the following, in the order given below:</p>
+
<ol><li>
<p>Optionally, a token whose first eight characters are an <a href=#ascii-case-insensitive id=autofilling-form-controls:-the-autocomplete-attribute:ascii-case-insensitive-3>ASCII case-insensitive</a>
@@ -40298,21 +40319,61 @@
</ol>
- <p>The "<dfn id=attr-fe-autocomplete-off><code>off</code></dfn>" keyword indicates either
- that the control's input data is particularly sensitive (for example the activation code for a
- nuclear weapon); or that it is a value that will never be reused (for example a one-time-key for a
- bank login) and the user will therefore have to explicitly enter the data each time, instead of
- being able to rely on the UA to prefill the value for him; or that the document provides its own
- autocomplete mechanism and does not want the user agent to provide autocompletion values.</p>
+ <p>As noted earlier, the meaning of the attribute and its keywords depends on the mantle that the
+ attribute is wearing.</p>
- <p>The "<dfn id=attr-fe-autocomplete-on><code>on</code></dfn>" keyword indicates that the
- user agent is allowed to provide the user with autocompletion values, but does not provide any
- further information about what kind of data the user might be expected to enter. User agents would
- have to use heuristics to decide what autocompletion values to suggest.</p>
+ <dl class=switch><dt>When wearing the <a href=#autofill-expectation-mantle id=autofilling-form-controls:-the-autocomplete-attribute:autofill-expectation-mantle-3>autofill expectation mantle</a>...
- <p>The <dfn id=autofill-field>autofill fields</dfn> names listed above indicate that the user
- agent is allowed to provide the user with autocompletion values, and specifies what kind of value
- is expected. The keywords relate to each other as described in the table below. Each field name
+ <dd>
+
+ <p>The "<dfn id=attr-fe-autocomplete-off><code>off</code></dfn>" keyword indicates either
+ that the control's input data is particularly sensitive (for example the activation code for a
+ nuclear weapon); or that it is a value that will never be reused (for example a one-time-key for a
+ bank login) and the user will therefore have to explicitly enter the data each time, instead of
+ being able to rely on the UA to prefill the value for him; or that the document provides its own
+ autocomplete mechanism and does not want the user agent to provide autocompletion values.</p>
+
+ <p>The "<dfn id=attr-fe-autocomplete-on><code>on</code></dfn>" keyword indicates that the
+ user agent is allowed to provide the user with autocompletion values, but does not provide any
+ further information about what kind of data the user might be expected to enter. User agents would
+ have to use heuristics to decide what autocompletion values to suggest.</p>
+
+ <p>The <a href=#autofill-field id=autofilling-form-controls:-the-autocomplete-attribute:autofill-field-3>autofill field</a> listed above indicate that the user agent is allowed to
+ provide the user with autocompletion values, and specifies what kind of value is expected. The
+ meaning of each such keyword is described in the table below.</p>
+
+ <p>If the <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-7><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute is omitted, the default
+ value corresponding to the state of the element's <a href=#form-owner id=autofilling-form-controls:-the-autocomplete-attribute:form-owner>form owner</a>'s <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-form-autocomplete><a href=#attr-form-autocomplete>autocomplete</a></code> attribute is used instead (either "<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-on-3><a href=#attr-fe-autocomplete-on>on</a></code>" or "<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-off-3><a href=#attr-fe-autocomplete-off>off</a></code>"). If there is no <a href=#form-owner id=autofilling-form-controls:-the-autocomplete-attribute:form-owner-2>form owner</a>, then the
+ value "<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-on-4><a href=#attr-fe-autocomplete-on>on</a></code>" is used.</p>
+
+ <dt>When wearing the <a href=#autofill-anchor-mantle id=autofilling-form-controls:-the-autocomplete-attribute:autofill-anchor-mantle-3>autofill anchor mantle</a>...
+
+ <dd>
+
+ <p>The <a href=#autofill-field id=autofilling-form-controls:-the-autocomplete-attribute:autofill-field-4>autofill field</a> listed above indicate that the value of the particular kind
+ of value specified is that value provided for this element. The meaning of each such keyword is
+ described in the table below.</p>
+
+ <div class=example>
+
+ <p>In this example the page has explicitly specified the currency and amount of the
+ transaction. The form requests a credit card and other billing details. The user agent could
+ use this information to suggest a credit card that it knows has sufficient balance and that
+ supports the relevant currency.</p>
+
+ <pre><form method=post action="step2.cgi">
+ <input type=hidden autocomplete=transaction-currency value="CHF">
+ <input type=hidden autocomplete=transaction-amount value="15.00">
+ <p><label>Credit card number: <input type=text inputmode=numeric autocomplete=cc-number></label>
+ <p><label>Expiry Date: <input type=month autocomplete=cc-exp></label>
+ <p><input type=submit value="Continue...">
+</form></pre>
+
+ </div>
+
+ </dl>
+
+ <p>The <dfn id=autofill-field>autofill field</dfn> keywords relate to each other as described in the table below. Each field name
listed on a row of this table corresponds to the meaning given in the cell for that row in the
column labeled "Meaning". Some fields correspond to subparts of other fields; for example, a
credit card expiry date can be expressed as one field giving both the month and year of expiry
@@ -40328,10 +40389,10 @@
first and the given name second, and many others simply have one name (a <i>mononym</i>). Having a
single field is therefore more flexible.</p>
- <p>Some fields are only appropriate for certain form controls. An <a href=#autofill-field id=autofilling-form-controls:-the-autocomplete-attribute:autofill-field-3>autofill field</a> name
+ <p>Some fields are only appropriate for certain form controls. An <a href=#autofill-field id=autofilling-form-controls:-the-autocomplete-attribute:autofill-field-5>autofill field</a> name
is <dfn id=inappropriate-for-the-control>inappropriate for a control</dfn> if the control
- does not belong to the group listed for that <a href=#autofill-field id=autofilling-form-controls:-the-autocomplete-attribute:autofill-field-4>autofill field</a> in the fifth column of
- the first row describing that <a href=#autofill-field id=autofilling-form-controls:-the-autocomplete-attribute:autofill-field-5>autofill field</a> in the table below. What controls fall
+ does not belong to the group listed for that <a href=#autofill-field id=autofilling-form-controls:-the-autocomplete-attribute:autofill-field-6>autofill field</a> in the fifth column of
+ the first row describing that <a href=#autofill-field id=autofilling-form-controls:-the-autocomplete-attribute:autofill-field-7>autofill field</a> in the table below. What controls fall
into each group is described below the table.</p>
<table><thead><tr><th colspan=4> Field name
@@ -40624,69 +40685,78 @@
<dl><dt><dfn id=control-group-text>Text</dfn>
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)">Text</a> state
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-2><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-2><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-2">Search</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-2><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-2><a href=#attr-input-type>type</a></code> attribute is in the <a href="#hidden-state-(type=hidden)" id="autofilling-form-controls:-the-autocomplete-attribute:hidden-state-(type=hidden)-2">Hidden</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-3><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-3><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)">Text</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-4><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-4><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-2">Search</a> state
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-textarea-element><a href=#the-textarea-element>textarea</a></code> elements
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-select-element><a href=#the-select-element>select</a></code> elements
<dt><dfn id=control-group-multiline>Multiline</dfn>
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-5><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-5><a href=#attr-input-type>type</a></code> attribute is in the <a href="#hidden-state-(type=hidden)" id="autofilling-form-controls:-the-autocomplete-attribute:hidden-state-(type=hidden)-3">Hidden</a> state
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-textarea-element-2><a href=#the-textarea-element>textarea</a></code> elements
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-select-element-2><a href=#the-select-element>select</a></code> elements
<dt><dfn id=control-group-password>Password</dfn>
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-3><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-3><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-3">Text</a> state
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-4><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-4><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-4">Search</a> state
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-5><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-5><a href=#attr-input-type>type</a></code> attribute is in the <a href="#password-state-(type=password)" id="autofilling-form-controls:-the-autocomplete-attribute:password-state-(type=password)">Password</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-6><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-6><a href=#attr-input-type>type</a></code> attribute is in the <a href="#hidden-state-(type=hidden)" id="autofilling-form-controls:-the-autocomplete-attribute:hidden-state-(type=hidden)-4">Hidden</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-7><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-7><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-3">Text</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-8><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-8><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-4">Search</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-9><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-9><a href=#attr-input-type>type</a></code> attribute is in the <a href="#password-state-(type=password)" id="autofilling-form-controls:-the-autocomplete-attribute:password-state-(type=password)">Password</a> state
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-textarea-element-3><a href=#the-textarea-element>textarea</a></code> elements
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-select-element-3><a href=#the-select-element>select</a></code> elements
<dt><dfn id=control-group-url>URL</dfn>
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-6><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-6><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-5">Text</a> state
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-7><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-7><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-6">Search</a> state
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-8><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-8><a href=#attr-input-type>type</a></code> attribute is in the <a href="#url-state-(type=url)" id="autofilling-form-controls:-the-autocomplete-attribute:url-state-(type=url)">URL</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-10><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-10><a href=#attr-input-type>type</a></code> attribute is in the <a href="#hidden-state-(type=hidden)" id="autofilling-form-controls:-the-autocomplete-attribute:hidden-state-(type=hidden)-5">Hidden</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-11><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-11><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-5">Text</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-12><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-12><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-6">Search</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-13><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-13><a href=#attr-input-type>type</a></code> attribute is in the <a href="#url-state-(type=url)" id="autofilling-form-controls:-the-autocomplete-attribute:url-state-(type=url)">URL</a> state
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-textarea-element-4><a href=#the-textarea-element>textarea</a></code> elements
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-select-element-4><a href=#the-select-element>select</a></code> elements
<dt><dfn id=control-group-e-mail>E-mail</dfn>
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-9><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-9><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-7">Text</a> state
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-10><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-10><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-8">Search</a> state
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-11><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-11><a href=#attr-input-type>type</a></code> attribute is in the <a href="#e-mail-state-(type=email)" id="autofilling-form-controls:-the-autocomplete-attribute:e-mail-state-(type=email)">E-mail</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-14><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-14><a href=#attr-input-type>type</a></code> attribute is in the <a href="#hidden-state-(type=hidden)" id="autofilling-form-controls:-the-autocomplete-attribute:hidden-state-(type=hidden)-6">Hidden</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-15><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-15><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-7">Text</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-16><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-16><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-8">Search</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-17><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-17><a href=#attr-input-type>type</a></code> attribute is in the <a href="#e-mail-state-(type=email)" id="autofilling-form-controls:-the-autocomplete-attribute:e-mail-state-(type=email)">E-mail</a> state
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-textarea-element-5><a href=#the-textarea-element>textarea</a></code> elements
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-select-element-5><a href=#the-select-element>select</a></code> elements
<dt><dfn id=control-group-tel>Tel</dfn>
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-12><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-12><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-9">Text</a> state
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-13><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-13><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-10">Search</a> state
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-14><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-14><a href=#attr-input-type>type</a></code> attribute is in the <a href="#telephone-state-(type=tel)" id="autofilling-form-controls:-the-autocomplete-attribute:telephone-state-(type=tel)">Telephone</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-18><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-18><a href=#attr-input-type>type</a></code> attribute is in the <a href="#hidden-state-(type=hidden)" id="autofilling-form-controls:-the-autocomplete-attribute:hidden-state-(type=hidden)-7">Hidden</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-19><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-19><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-9">Text</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-20><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-20><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-10">Search</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-21><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-21><a href=#attr-input-type>type</a></code> attribute is in the <a href="#telephone-state-(type=tel)" id="autofilling-form-controls:-the-autocomplete-attribute:telephone-state-(type=tel)">Telephone</a> state
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-textarea-element-6><a href=#the-textarea-element>textarea</a></code> elements
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-select-element-6><a href=#the-select-element>select</a></code> elements
<dt><dfn id=control-group-numeric>Numeric</dfn>
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-15><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-15><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-11">Text</a> state
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-16><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-16><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-12">Search</a> state
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-17><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-17><a href=#attr-input-type>type</a></code> attribute is in the <a href="#number-state-(type=number)" id="autofilling-form-controls:-the-autocomplete-attribute:number-state-(type=number)">Number</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-22><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-22><a href=#attr-input-type>type</a></code> attribute is in the <a href="#hidden-state-(type=hidden)" id="autofilling-form-controls:-the-autocomplete-attribute:hidden-state-(type=hidden)-8">Hidden</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-23><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-23><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-11">Text</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-24><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-24><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-12">Search</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-25><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-25><a href=#attr-input-type>type</a></code> attribute is in the <a href="#number-state-(type=number)" id="autofilling-form-controls:-the-autocomplete-attribute:number-state-(type=number)">Number</a> state
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-textarea-element-7><a href=#the-textarea-element>textarea</a></code> elements
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-select-element-7><a href=#the-select-element>select</a></code> elements
<dt><dfn id=control-group-month>Month</dfn>
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-18><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-18><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-13">Text</a> state
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-19><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-19><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-14">Search</a> state
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-20><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-20><a href=#attr-input-type>type</a></code> attribute is in the <a href="#month-state-(type=month)" id="autofilling-form-controls:-the-autocomplete-attribute:month-state-(type=month)">Month</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-26><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-26><a href=#attr-input-type>type</a></code> attribute is in the <a href="#hidden-state-(type=hidden)" id="autofilling-form-controls:-the-autocomplete-attribute:hidden-state-(type=hidden)-9">Hidden</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-27><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-27><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-13">Text</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-28><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-28><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-14">Search</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-29><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-29><a href=#attr-input-type>type</a></code> attribute is in the <a href="#month-state-(type=month)" id="autofilling-form-controls:-the-autocomplete-attribute:month-state-(type=month)">Month</a> state
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-textarea-element-8><a href=#the-textarea-element>textarea</a></code> elements
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-select-element-8><a href=#the-select-element>select</a></code> elements
<dt><dfn id=control-group-date>Date</dfn>
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-21><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-21><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-15">Text</a> state
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-22><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-22><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-16">Search</a> state
- <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-23><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-23><a href=#attr-input-type>type</a></code> attribute is in the <a href="#date-state-(type=date)" id="autofilling-form-controls:-the-autocomplete-attribute:date-state-(type=date)">Date</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-30><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-30><a href=#attr-input-type>type</a></code> attribute is in the <a href="#hidden-state-(type=hidden)" id="autofilling-form-controls:-the-autocomplete-attribute:hidden-state-(type=hidden)-10">Hidden</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-31><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-31><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-15">Text</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-32><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-32><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" id="autofilling-form-controls:-the-autocomplete-attribute:text-(type=text)-state-and-search-state-(type=search)-16">Search</a> state
+ <dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-input-element-33><a href=#the-input-element>input</a></code> elements whose <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-input-type-33><a href=#attr-input-type>type</a></code> attribute is in the <a href="#date-state-(type=date)" id="autofilling-form-controls:-the-autocomplete-attribute:date-state-(type=date)">Date</a> state
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-textarea-element-9><a href=#the-textarea-element>textarea</a></code> elements
<dd><code id=autofilling-form-controls:-the-autocomplete-attribute:the-select-element-9><a href=#the-select-element>select</a></code> elements
@@ -40694,14 +40764,6 @@
</dl>
- <hr>
-
- <p>If the <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-2><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute is omitted, the default
- value corresponding to the state of the element's <a href=#form-owner id=autofilling-form-controls:-the-autocomplete-attribute:form-owner>form owner</a>'s <code id=autofilling-form-controls:-the-autocomplete-attribute:attr-form-autocomplete><a href=#attr-form-autocomplete>autocomplete</a></code> attribute is used instead (either "<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-on-2><a href=#attr-fe-autocomplete-on>on</a></code>" or "<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-off-2><a href=#attr-fe-autocomplete-off>off</a></code>"). If there is no <a href=#form-owner id=autofilling-form-controls:-the-autocomplete-attribute:form-owner-2>form owner</a>, then the
- value "<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-on-3><a href=#attr-fe-autocomplete-on>on</a></code>" is used.</p>
-
- <hr>
-
<p id=more-on-address-levels><strong>Address levels</strong>: The "<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-address-level1-2><a href=#attr-fe-autocomplete-address-level1>address-level1</a></code>" – "<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-address-level4-2><a href=#attr-fe-autocomplete-address-level4>address-level4</a></code>" fields are used to describe
the locality of the street address. Different locales have different numbers of levels. For
example, the US uses two levels (state and town), the UK uses one or two depending on the address
@@ -40718,7 +40780,7 @@
<h6 id=processing-model-4>4.10.19.8.2 Processing model</h6>
- <p>Each <code id=processing-model-4:the-input-element><a href=#the-input-element>input</a></code>, <code id=processing-model-4:the-select-element><a href=#the-select-element>select</a></code>, and <code id=processing-model-4:the-textarea-element><a href=#the-textarea-element>textarea</a></code> element has an
+ <p>Each <code id=processing-model-4:the-input-element><a href=#the-input-element>input</a></code> element to which the <code id=processing-model-4:attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute <a href=#concept-input-apply id=processing-model-4:concept-input-apply>applies</a>, each <code id=processing-model-4:the-select-element><a href=#the-select-element>select</a></code> element, and each <code id=processing-model-4:the-textarea-element><a href=#the-textarea-element>textarea</a></code> element, has an
<dfn id=autofill-hint-set>autofill hint set</dfn>, an <dfn id=autofill-scope>autofill scope</dfn>, an <dfn id=autofill-field-name>autofill field name</dfn>, and
an <dfn id=idl-exposed-autofill-value>IDL-exposed autofill value</dfn>.</p>
@@ -40728,15 +40790,15 @@
<p>The <a href=#autofill-hint-set id=processing-model-4:autofill-hint-set>autofill hint set</a> identifies what address or contact information type the user
agent is to look at, e.g. "<code id=processing-model-4:attr-fe-autocomplete-shipping><a href=#attr-fe-autocomplete-shipping>shipping</a></code> <code id=processing-model-4:attr-fe-autocomplete-fax><a href=#attr-fe-autocomplete-fax>fax</a></code>" or "<code id=processing-model-4:attr-fe-autocomplete-billing><a href=#attr-fe-autocomplete-billing>billing</a></code>".</p>
- <p>The <a href=#autofill-scope id=processing-model-4:autofill-scope>autofill scope</a> identifies the group of fields that are to be filled with the
- information from the same source, and consists of the <a href=#autofill-hint-set id=processing-model-4:autofill-hint-set-2>autofill hint set</a> with, if
+ <p>The <a href=#autofill-scope id=processing-model-4:autofill-scope>autofill scope</a> identifies the group of fields whose information concerns the
+ same subject, and consists of the <a href=#autofill-hint-set id=processing-model-4:autofill-hint-set-2>autofill hint set</a> with, if
applicable, the "<code>section-*</code>" prefix, e.g. "<code>billing</code>",
"<code>section-parent shipping</code>", or "<code>section-child shipping
home</code>".</p>
<p>These values are defined as the result of running the following algorithm:</p>
- <ol><li><p>If the element has no <code id=processing-model-4:attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute,
+ <ol><li><p>If the element has no <code id=processing-model-4:attr-fe-autocomplete-2><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute,
then jump to the step labeled <i>default</i>.<li><p>Let <var>tokens</var> be the result of <a href=#split-a-string-on-spaces id=processing-model-4:split-a-string-on-spaces>splitting the attribute's value on spaces</a>.<li><p>If <var>tokens</var> is empty, then jump to the step labeled
<i>default</i>.<li><p>Let <var>index</var> be the index of the last token in <var>tokens</var>.<li>
@@ -40918,7 +40980,8 @@
<td>Contact
</table>
- <li><p>If <var>category</var> is Off, let the element's <a href=#autofill-field-name id=processing-model-4:autofill-field-name-2>autofill field name</a>
+ <li><p>If <var>category</var> is Off or Automatic but the element's <code id=processing-model-4:attr-fe-autocomplete-3><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute is wearing the <a href=#autofill-anchor-mantle id=processing-model-4:autofill-anchor-mantle>autofill anchor
+ mantle</a>, then jump to the step labeled <i>default</i>.<li><p>If <var>category</var> is Off, let the element's <a href=#autofill-field-name id=processing-model-4:autofill-field-name-2>autofill field name</a>
be the string "<code>off</code>", let its <a href=#autofill-hint-set id=processing-model-4:autofill-hint-set-3>autofill hint set</a> be empty, and
let its <a href=#idl-exposed-autofill-value id=processing-model-4:idl-exposed-autofill-value>IDL-exposed autofill value</a> be the string "<code>off</code>". Then,
abort these steps.</p>
@@ -40981,13 +41044,15 @@
<li><p>Let the element's <a href=#idl-exposed-autofill-value id=processing-model-4:idl-exposed-autofill-value-3>IDL-exposed autofill value</a> be <var>IDL value</var>.</p>
<li><p>Abort these steps.<li><p><i>Default</i>: Let the element's <a href=#idl-exposed-autofill-value id=processing-model-4:idl-exposed-autofill-value-4>IDL-exposed autofill value</a> be the empty
- string, and its <a href=#autofill-hint-set id=processing-model-4:autofill-hint-set-6>autofill hint set</a> and <a href=#autofill-scope id=processing-model-4:autofill-scope-3>autofill scope</a> be empty.<li><p>Let <var>form</var> be the element's <a href=#form-owner id=processing-model-4:form-owner>form owner</a>, if any, or null
+ string, and its <a href=#autofill-hint-set id=processing-model-4:autofill-hint-set-6>autofill hint set</a> and <a href=#autofill-scope id=processing-model-4:autofill-scope-3>autofill scope</a> be empty.<li><p>If the element's <code id=processing-model-4:attr-fe-autocomplete-4><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute is
+ wearing the <a href=#autofill-anchor-mantle id=processing-model-4:autofill-anchor-mantle-2>autofill anchor mantle</a>, then let the element's <a href=#autofill-field-name id=processing-model-4:autofill-field-name-5>autofill field
+ name</a> be the empty string and abort these steps.<li><p>Let <var>form</var> be the element's <a href=#form-owner id=processing-model-4:form-owner>form owner</a>, if any, or null
otherwise.<li>
<p>If <var>form</var> is not null and <var>form</var>'s <code id=processing-model-4:attr-form-autocomplete><a href=#attr-form-autocomplete>autocomplete</a></code> attribute is in the <a href=#attr-form-autocomplete-off-state id=processing-model-4:attr-form-autocomplete-off-state>off</a> state, then let the element's
- <a href=#autofill-field-name id=processing-model-4:autofill-field-name-5>autofill field name</a> be "<code id=processing-model-4:attr-fe-autocomplete-off-2><a href=#attr-fe-autocomplete-off>off</a></code>".</p>
+ <a href=#autofill-field-name id=processing-model-4:autofill-field-name-6>autofill field name</a> be "<code id=processing-model-4:attr-fe-autocomplete-off-2><a href=#attr-fe-autocomplete-off>off</a></code>".</p>
- <p>Otherwise, let the element's <a href=#autofill-field-name id=processing-model-4:autofill-field-name-6>autofill field name</a> be "<code id=processing-model-4:attr-fe-autocomplete-on-2><a href=#attr-fe-autocomplete-on>on</a></code>".</p>
+ <p>Otherwise, let the element's <a href=#autofill-field-name id=processing-model-4:autofill-field-name-7>autofill field name</a> be "<code id=processing-model-4:attr-fe-autocomplete-on-2><a href=#attr-fe-autocomplete-on>on</a></code>".</p>
</ol>
@@ -41001,29 +41066,36 @@
<hr>
- <p>When an element's <a href=#autofill-field-name id=processing-model-4:autofill-field-name-7>autofill field name</a> is "<code id=processing-model-4:attr-fe-autocomplete-off-3><a href=#attr-fe-autocomplete-off>off</a></code>", the user agent should not remember the <a href="#control's-data" id="processing-model-4:control's-data">control's
- data</a>, and should not offer past values to the user.</p>
+ <p>How to process the <a href=#autofill-hint-set id=processing-model-4:autofill-hint-set-7>autofill hint set</a>, <a href=#autofill-scope id=processing-model-4:autofill-scope-4>autofill scope</a>, and
+ <a href=#autofill-field-name id=processing-model-4:autofill-field-name-8>autofill field name</a> depends on the mantle that the <code id=processing-model-4:attr-fe-autocomplete-5><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute is wearing.</p>
- <p class=note>In addition, when an element's <a href=#autofill-field-name id=processing-model-4:autofill-field-name-8>autofill field name</a> is "<code id=processing-model-4:attr-fe-autocomplete-off-4><a href=#attr-fe-autocomplete-off>off</a></code>", <a href=#history-autocomplete>values are reset</a>
- when <a href=#traverse-the-history id=processing-model-4:traverse-the-history>traversing the history</a>.</p>
+ <dl class=switch><dt>When wearing the <a href=#autofill-expectation-mantle id=processing-model-4:autofill-expectation-mantle>autofill expectation mantle</a>...
- <div class=example>
+ <dd>
- <p>Banks frequently do not want UAs to prefill login information:</p>
+ <p>When an element's <a href=#autofill-field-name id=processing-model-4:autofill-field-name-9>autofill field name</a> is "<code id=processing-model-4:attr-fe-autocomplete-off-3><a href=#attr-fe-autocomplete-off>off</a></code>", the user agent should not remember the <a href="#control's-data" id="processing-model-4:control's-data">control's
+ data</a>, and should not offer past values to the user.</p>
- <pre><p><label>Account: <input type="text" name="ac" autocomplete="off"></label></p>
+ <p class=note>In addition, when an element's <a href=#autofill-field-name id=processing-model-4:autofill-field-name-10>autofill field name</a> is "<code id=processing-model-4:attr-fe-autocomplete-off-4><a href=#attr-fe-autocomplete-off>off</a></code>", <a href=#history-autocomplete>values are reset</a>
+ when <a href=#traverse-the-history id=processing-model-4:traverse-the-history>traversing the history</a>.</p>
+
+ <div class=example>
+
+ <p>Banks frequently do not want UAs to prefill login information:</p>
+
+ <pre><p><label>Account: <input type="text" name="ac" autocomplete="off"></label></p>
<p><label>PIN: <input type="password" name="pin" autocomplete="off"></label></p></pre>
- </div>
+ </div>
- <p>When an element's <a href=#autofill-field-name id=processing-model-4:autofill-field-name-9>autofill field name</a> is <em>not</em> "<code id=processing-model-4:attr-fe-autocomplete-off-5><a href=#attr-fe-autocomplete-off>off</a></code>", the user agent may store the <a href="#control's-data" id="processing-model-4:control's-data-2">control's
- data</a>, and may offer previously stored values to the user.</p>
+ <p>When an element's <a href=#autofill-field-name id=processing-model-4:autofill-field-name-11>autofill field name</a> is <em>not</em> "<code id=processing-model-4:attr-fe-autocomplete-off-5><a href=#attr-fe-autocomplete-off>off</a></code>", the user agent may store the <a href="#control's-data" id="processing-model-4:control's-data-2">control's
+ data</a>, and may offer previously stored values to the user.</p>
- <div class=example>
+ <div class=example>
- <p>For example, suppose a user visits a page with this control:</p>
+ <p>For example, suppose a user visits a page with this control:</p>
- <pre><select name="country">
+ <pre><select name="country">
<option>Afghanistan
<option>Albania
<option>Algeria
@@ -41038,41 +41110,52 @@
<option>Zimbabwe
</select></pre>
- <p>This might render as follows:</p>
+ <p>This might render as follows:</p>
- <p><img src=http://images.whatwg.org/select-country-1.png alt="A drop-down control with a long alphabetical list of countries."></p>
+ <p><img src=http://images.whatwg.org/select-country-1.png alt="A drop-down control with a long alphabetical list of countries."></p>
- <p>Suppose that on the first visit to this page, the user selects "Zambia". On the second visit,
- the user agent could duplicate the entry for Zambia at the top of the list, so that the interface
- instead looks like this:</p>
+ <p>Suppose that on the first visit to this page, the user selects "Zambia". On the second visit,
+ the user agent could duplicate the entry for Zambia at the top of the list, so that the interface
+ instead looks like this:</p>
- <p><img src=http://images.whatwg.org/select-country-2.png alt="The same drop-down control with the alphabetical list of countries, but with Zambia as an entry at the top."></p>
+ <p><img src=http://images.whatwg.org/select-country-2.png alt="The same drop-down control with the alphabetical list of countries, but with Zambia as an entry at the top."></p>
- </div>
+ </div>
- <p>When the <a href=#autofill-field-name id=processing-model-4:autofill-field-name-10>autofill field name</a> is "<code id=processing-model-4:attr-fe-autocomplete-on-3><a href=#attr-fe-autocomplete-on>on</a></code>", the user agent should attempt to use heuristics to
- determine the most appropriate values to offer the user, e.g. based on the element's <code id=processing-model-4:attr-fe-name><a href=#attr-fe-name>name</a></code> value, the position of the element in the document's DOM, what
- other fields exist in the form, and so forth.</p>
+ <p>When the <a href=#autofill-field-name id=processing-model-4:autofill-field-name-12>autofill field name</a> is "<code id=processing-model-4:attr-fe-autocomplete-on-3><a href=#attr-fe-autocomplete-on>on</a></code>", the user agent should attempt to use heuristics to
+ determine the most appropriate values to offer the user, e.g. based on the element's <code id=processing-model-4:attr-fe-name><a href=#attr-fe-name>name</a></code> value, the position of the element in the document's DOM, what
+ other fields exist in the form, and so forth.</p>
- <p>When the <a href=#autofill-field-name id=processing-model-4:autofill-field-name-11>autofill field name</a> is one of the names of the <a href=#autofill-field id=processing-model-4:autofill-field>autofill fields</a> described above, the user agent should provide suggestions that
- match the meaning of the field name as given in the table earlier in this section. The
- <a href=#autofill-hint-set id=processing-model-4:autofill-hint-set-7>autofill hint set</a> should be used to select amongst multiple possible suggestions.</p>
+ <p>When the <a href=#autofill-field-name id=processing-model-4:autofill-field-name-13>autofill field name</a> is one of the names of the <a href=#autofill-field id=processing-model-4:autofill-field>autofill fields</a> described above, the user agent should provide suggestions that
+ match the meaning of the field name as given in the table earlier in this section. The
+ <a href=#autofill-hint-set id=processing-model-4:autofill-hint-set-8>autofill hint set</a> should be used to select amongst multiple possible suggestions.</p>
- <p class=example>For example, if a user once entered one address into fields that used the
- "<code id=processing-model-4:attr-fe-autocomplete-shipping-3><a href=#attr-fe-autocomplete-shipping>shipping</a></code>" keyword, and another address into
- fields that used the "<code id=processing-model-4:attr-fe-autocomplete-billing-3><a href=#attr-fe-autocomplete-billing>billing</a></code>" keyword, then in
- subsequent forms only the first address would be suggested for form controls whose <a href=#autofill-hint-set id=processing-model-4:autofill-hint-set-8>autofill
- hint set</a> contains the keyword "<code id=processing-model-4:attr-fe-autocomplete-shipping-4><a href=#attr-fe-autocomplete-shipping>shipping</a></code>". Both addresses might be suggested,
- however, for address-related form controls whose <a href=#autofill-hint-set id=processing-model-4:autofill-hint-set-9>autofill hint set</a> does not contain
- either keyword.</p>
+ <p class=example>For example, if a user once entered one address into fields that used the
+ "<code id=processing-model-4:attr-fe-autocomplete-shipping-3><a href=#attr-fe-autocomplete-shipping>shipping</a></code>" keyword, and another address into
+ fields that used the "<code id=processing-model-4:attr-fe-autocomplete-billing-3><a href=#attr-fe-autocomplete-billing>billing</a></code>" keyword, then in
+ subsequent forms only the first address would be suggested for form controls whose <a href=#autofill-hint-set id=processing-model-4:autofill-hint-set-9>autofill
+ hint set</a> contains the keyword "<code id=processing-model-4:attr-fe-autocomplete-shipping-4><a href=#attr-fe-autocomplete-shipping>shipping</a></code>". Both addresses might be suggested,
+ however, for address-related form controls whose <a href=#autofill-hint-set id=processing-model-4:autofill-hint-set-10>autofill hint set</a> does not contain
+ either keyword.</p>
+ <dt>When wearing the <a href=#autofill-anchor-mantle id=processing-model-4:autofill-anchor-mantle-3>autofill anchor mantle</a>...
+
+ <dd>
+
+ <p>When the <a href=#autofill-field-name id=processing-model-4:autofill-field-name-14>autofill field name</a> is not the empty string, then the user agent must
+ act as if the user had specified the <a href="#control's-data" id="processing-model-4:control's-data-3">control's data</a> for the given <a href=#autofill-hint-set id=processing-model-4:autofill-hint-set-11>autofill
+ hint set</a>, <a href=#autofill-scope id=processing-model-4:autofill-scope-5>autofill scope</a>, and <a href=#autofill-field-name id=processing-model-4:autofill-field-name-15>autofill field name</a>
+ combination.</p>
+
+ </dl>
+
<p>When the user agent <dfn id=concept-fe-autofill>autofills form controls</dfn>, elements
- with the same <a href=#form-owner id=processing-model-4:form-owner-2>form owner</a> and the same <a href=#autofill-scope id=processing-model-4:autofill-scope-4>autofill scope</a> must use data
+ with the same <a href=#form-owner id=processing-model-4:form-owner-2>form owner</a> and the same <a href=#autofill-scope id=processing-model-4:autofill-scope-6>autofill scope</a> must use data
relating to the same person, address, payment instrument, and contact details. <span id=autofill-country>When a user agent autofills "<code id=processing-model-4:attr-fe-autocomplete-country-2><a href=#attr-fe-autocomplete-country>country</a></code>" and "<code id=processing-model-4:attr-fe-autocomplete-country-name-2><a href=#attr-fe-autocomplete-country-name>country-name</a></code>" fields with the same <a href=#form-owner id=processing-model-4:form-owner-3>form
- owner</a> and <a href=#autofill-scope id=processing-model-4:autofill-scope-5>autofill scope</a>, and the user agent has a value for the <code id=processing-model-4:attr-fe-autocomplete-country-3><a href=#attr-fe-autocomplete-country>country</a></code>" field(s), then the "<code id=processing-model-4:attr-fe-autocomplete-country-name-3><a href=#attr-fe-autocomplete-country-name>country-name</a></code>" field(s) must be filled using a
+ owner</a> and <a href=#autofill-scope id=processing-model-4:autofill-scope-7>autofill scope</a>, and the user agent has a value for the <code id=processing-model-4:attr-fe-autocomplete-country-3><a href=#attr-fe-autocomplete-country>country</a></code>" field(s), then the "<code id=processing-model-4:attr-fe-autocomplete-country-name-3><a href=#attr-fe-autocomplete-country-name>country-name</a></code>" field(s) must be filled using a
human-readable name for the same country.</span> When a user agent fills in multiple fields at
- once, all fields with the same <a href=#autofill-field-name id=processing-model-4:autofill-field-name-12>autofill field name</a>, <a href=#form-owner id=processing-model-4:form-owner-4>form owner</a> and
- <a href=#autofill-scope id=processing-model-4:autofill-scope-6>autofill scope</a> must be filled with the same value.</p>
+ once, all fields with the same <a href=#autofill-field-name id=processing-model-4:autofill-field-name-16>autofill field name</a>, <a href=#form-owner id=processing-model-4:form-owner-4>form owner</a> and
+ <a href=#autofill-scope id=processing-model-4:autofill-scope-8>autofill scope</a> must be filled with the same value.</p>
<p class=example>Suppose a user agent knows of two phone numbers, +1 555 123 1234 and +1 555 666
7777. It would not be conforming for the user agent to fill a field with <code>autocomplete="shipping tel-local-prefix"</code> with the value "123" and another field
@@ -41083,7 +41166,22 @@
<p class=example>Similarly, if a form for some reason contained both a "<code id=processing-model-4:attr-fe-autocomplete-cc-exp-3><a href=#attr-fe-autocomplete-cc-exp>cc-exp</a></code>" field and a "<code id=processing-model-4:attr-fe-autocomplete-cc-exp-month-2><a href=#attr-fe-autocomplete-cc-exp-month>cc-exp-month</a></code>" field, and the user agent
prefilled the form, then the month component of the former would have to match the latter.</p>
- <p>The "<code>section-*</code>" tokens in the <a href=#autofill-scope id=processing-model-4:autofill-scope-7>autofill scope</a> are opaque;
+ <div class=example>
+
+ <p>This requirement interacts with the <a href=#autofill-anchor-mantle id=processing-model-4:autofill-anchor-mantle-4>autofill anchor mantle</a> also. Consider the
+ following markup snippet:</p>
+
+ <pre><form>
+ <input type=hidden autocomplete="nickname" value="TreePlate">
+ <input type=text autocomplete="nickname">
+</form></pre>
+
+ <p>The only value that a conforming user agent could suggest in the text field is
+ "TreePlate", the value given by the hidden <code id=processing-model-4:the-input-element-4><a href=#the-input-element>input</a></code> element.</p>
+
+ </div>
+
+ <p>The "<code>section-*</code>" tokens in the <a href=#autofill-scope id=processing-model-4:autofill-scope-9>autofill scope</a> are opaque;
user agents must not attempt to derive meaning from the precise values of these tokens.</p>
<p class=example>For example, it would not be conforming if the user agent decided that it
@@ -41091,12 +41189,12 @@
"<code>section-spouse</code>".</p>
<p>The autocompletion mechanism must be implemented by the user agent acting as if the user had
- modified the <a href="#control's-data" id="processing-model-4:control's-data-3">control's data</a>, and must be done at a time where the element is <i id=processing-model-4:concept-fe-mutable><a href=#concept-fe-mutable>mutable</a></i> (e.g. just after the element has been inserted into the
+ modified the <a href="#control's-data" id="processing-model-4:control's-data-4">control's data</a>, and must be done at a time where the element is <i id=processing-model-4:concept-fe-mutable><a href=#concept-fe-mutable>mutable</a></i> (e.g. just after the element has been inserted into the
document, or when the user agent <a href=#stop-parsing id=processing-model-4:stop-parsing>stops parsing</a>). User agents
must only prefill controls using values that the user could have entered.</p>
<p class=example>For example, if a <code id=processing-model-4:the-select-element-6><a href=#the-select-element>select</a></code> element only has <code id=processing-model-4:the-option-element-3><a href=#the-option-element>option</a></code>
- elements with values "Steve" and "Rebecca", "Jay", and "Bob", and has an <a href=#autofill-field-name id=processing-model-4:autofill-field-name-13>autofill field
+ elements with values "Steve" and "Rebecca", "Jay", and "Bob", and has an <a href=#autofill-field-name id=processing-model-4:autofill-field-name-17>autofill field
name</a> "<code id=processing-model-4:attr-fe-autocomplete-given-name-2><a href=#attr-fe-autocomplete-given-name>given-name</a></code>", but the user
agent's only idea for what to prefill the field with is "Evan", then the user agent cannot prefill
the field. It would not be conforming to somehow set the <code id=processing-model-4:the-select-element-7><a href=#the-select-element>select</a></code> element to the value
@@ -41172,11 +41270,11 @@
</div>
- <p>A user agent may allow the user to override an element's <a href=#autofill-field-name id=processing-model-4:autofill-field-name-14>autofill field name</a>, e.g.
+ <p>A user agent may allow the user to override an element's <a href=#autofill-field-name id=processing-model-4:autofill-field-name-18>autofill field name</a>, e.g.
to change it from "<code id=processing-model-4:attr-fe-autocomplete-off-6><a href=#attr-fe-autocomplete-off>off</a></code>" to "<code id=processing-model-4:attr-fe-autocomplete-on-4><a href=#attr-fe-autocomplete-on>on</a></code>" to allow values to be remembered and prefilled despite
the page author's objections, or to always "<code id=processing-model-4:attr-fe-autocomplete-off-7><a href=#attr-fe-autocomplete-off>off</a></code>",
never remembering values. However, user agents should not allow users to trivially override the
- <a href=#autofill-field-name id=processing-model-4:autofill-field-name-15>autofill field name</a> from "<code id=processing-model-4:attr-fe-autocomplete-off-8><a href=#attr-fe-autocomplete-off>off</a></code>" to
+ <a href=#autofill-field-name id=processing-model-4:autofill-field-name-19>autofill field name</a> from "<code id=processing-model-4:attr-fe-autocomplete-off-8><a href=#attr-fe-autocomplete-off>off</a></code>" to
"<code id=processing-model-4:attr-fe-autocomplete-on-5><a href=#attr-fe-autocomplete-on>on</a></code>" or other values, as there are significant
security implications for the user if all values are always remembered, regardless of the site's
preferences.</p>
@@ -41218,10 +41316,14 @@
attribute:</p>
<ul><li><p>the element's <a href=#form-owner id=user-interface-for-bulk-autofill:form-owner>form owner</a> is <var>form</var><li><p>the element is <i id=user-interface-for-bulk-autofill:concept-fe-mutable><a href=#concept-fe-mutable>mutable</a></i><li><p>the element is an <code id=user-interface-for-bulk-autofill:the-input-element><a href=#the-input-element>input</a></code> element to which the <code id=user-interface-for-bulk-autofill:attr-fe-autocomplete-2><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute currently <a href=#concept-input-apply id=user-interface-for-bulk-autofill:concept-input-apply>applies</a>, or, the element is a <code id=user-interface-for-bulk-autofill:the-textarea-element><a href=#the-textarea-element>textarea</a></code>
- element, or, the element is a <code id=user-interface-for-bulk-autofill:the-select-element><a href=#the-select-element>select</a></code> element<li><p>the element's <a href=#autofill-field-name id=user-interface-for-bulk-autofill:autofill-field-name>autofill field name</a> is neither "<code id=user-interface-for-bulk-autofill:attr-fe-autocomplete-off><a href=#attr-fe-autocomplete-off>off</a></code>" nor "<code id=user-interface-for-bulk-autofill:attr-fe-autocomplete-on><a href=#attr-fe-autocomplete-on>on</a></code>"</ul>
+ element, or, the element is a <code id=user-interface-for-bulk-autofill:the-select-element><a href=#the-select-element>select</a></code> element<li><p>the element's <code id=user-interface-for-bulk-autofill:attr-fe-autocomplete-3><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute is
+ wearing the <a href=#autofill-expectation-mantle id=user-interface-for-bulk-autofill:autofill-expectation-mantle>autofill expectation mantle</a><li><p>the element's <a href=#autofill-field-name id=user-interface-for-bulk-autofill:autofill-field-name>autofill field name</a> is neither "<code id=user-interface-for-bulk-autofill:attr-fe-autocomplete-off><a href=#attr-fe-autocomplete-off>off</a></code>" nor "<code id=user-interface-for-bulk-autofill:attr-fe-autocomplete-on><a href=#attr-fe-autocomplete-on>on</a></code>"</ul>
<li><p>Return, but continue running these steps asynchronously.<li><p>Provide an interface for the user to efficiently fill in some or all of the fields listed
- in <var>pending autofills</var>. Await the user's input.<li>
+ in <var>pending autofills</var>. Await the user's input. The user agent may include additional
+ (immutable) information, e.g. <a href="#control's-data" id="user-interface-for-bulk-autofill:control's-data">data</a> obtained from elements
+ with an <code id=user-interface-for-bulk-autofill:attr-fe-autocomplete-4><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute wearing the
+ <a href=#autofill-anchor-mantle id=user-interface-for-bulk-autofill:autofill-anchor-mantle>autofill anchor mantle</a>.<li>
<p><a href=#queue-a-task id=user-interface-for-bulk-autofill:queue-a-task-2>Queue a task</a> to run the following steps:</p>
@@ -41248,9 +41350,10 @@
<p>If all of the following conditions are met, then <a href=#concept-fe-autofill id=user-interface-for-bulk-autofill:concept-fe-autofill>autofill</a> <var>candidate</var>:</p>
- <ul><li><p><var>candidate</var>'s <a href=#form-owner id=user-interface-for-bulk-autofill:form-owner-2>form owner</a> is <var>form</var><li><p><var>candidate</var> is still <i id=user-interface-for-bulk-autofill:concept-fe-mutable-2><a href=#concept-fe-mutable>mutable</a></i><li><p><var>candidate</var> is an <code id=user-interface-for-bulk-autofill:the-input-element-2><a href=#the-input-element>input</a></code> element to which the <code id=user-interface-for-bulk-autofill:attr-fe-autocomplete-3><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute still <a href=#concept-input-apply id=user-interface-for-bulk-autofill:concept-input-apply-2>applies</a>, or, <var>candidate</var> is a
+ <ul><li><p><var>candidate</var>'s <a href=#form-owner id=user-interface-for-bulk-autofill:form-owner-2>form owner</a> is <var>form</var><li><p><var>candidate</var> is still <i id=user-interface-for-bulk-autofill:concept-fe-mutable-2><a href=#concept-fe-mutable>mutable</a></i><li><p><var>candidate</var> is an <code id=user-interface-for-bulk-autofill:the-input-element-2><a href=#the-input-element>input</a></code> element to which the <code id=user-interface-for-bulk-autofill:attr-fe-autocomplete-5><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute still <a href=#concept-input-apply id=user-interface-for-bulk-autofill:concept-input-apply-2>applies</a>, or, <var>candidate</var> is a
<code id=user-interface-for-bulk-autofill:the-textarea-element-2><a href=#the-textarea-element>textarea</a></code> element, or, <var>candidate</var> is a <code id=user-interface-for-bulk-autofill:the-select-element-2><a href=#the-select-element>select</a></code>
- element<li><p><var>candidate</var>'s <a href=#autofill-field-name id=user-interface-for-bulk-autofill:autofill-field-name-2>autofill field name</a> is still equal to
+ element<li><p>the element's <code id=user-interface-for-bulk-autofill:attr-fe-autocomplete-6><a href=#attr-fe-autocomplete>autocomplete</a></code> attribute is
+ still wearing the <a href=#autofill-expectation-mantle id=user-interface-for-bulk-autofill:autofill-expectation-mantle-2>autofill expectation mantle</a><li><p><var>candidate</var>'s <a href=#autofill-field-name id=user-interface-for-bulk-autofill:autofill-field-name-2>autofill field name</a> is still equal to
<var>old autocomplete value</var><li><p>the user provided a value to autofill <var>candidate</var></ul>
</ol>
Modified: source
===================================================================
--- source 2014-08-29 22:57:07 UTC (rev 8735)
+++ source 2014-09-02 21:29:10 UTC (rev 8736)
@@ -41411,7 +41411,7 @@
<tr>
<th> <code data-x="attr-fe-autocomplete">autocomplete</code>
- <td class="no"> · <!-- Hidden -->
+ <td class="yes"> Yes <!-- Hidden -->
<td class="yes"> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
<td class="yes"> Yes <!-- URL, Telephone -->
@@ -42729,6 +42729,10 @@
<div class="bookkeeping">
<p>The
+ <code data-x="attr-fe-autocomplete">autocomplete</code>
+ content attribute <span data-x="concept-input-apply">applies</span> to this element.</p>
+
+ <p>The
<code data-x="dom-input-value">value</code>
IDL attribute <span data-x="concept-input-apply">applies</span> to this element and is
in mode <span data-x="dom-input-value-default">default</span>.</p>
@@ -42737,7 +42741,6 @@
apply</span> to the element:
<code class="no-backref" data-x="attr-input-accept">accept</code>,
<code class="no-backref" data-x="attr-input-alt">alt</code>,
- <code class="no-backref" data-x="attr-fe-autocomplete">autocomplete</code>,
<code class="no-backref" data-x="attr-input-checked">checked</code>,
<code class="no-backref" data-x="attr-fe-dirname">dirname</code>,
<code class="no-backref" data-x="attr-fs-formaction">formaction</code>,
@@ -51577,12 +51580,36 @@
user's address based on earlier user input. The <dfn><code data-x="attr-fe-autocomplete">autocomplete</code></dfn> content attribute can be used to hint
to the user agent how to, or indeed whether to, provide such a feature.</p>
- <p>The attribute, if present, must have a value that is an ordered <span>set of space-separated
- tokens</span> consisting of either a single token that is an <span>ASCII case-insensitive</span>
- match for the string "<code data-x="attr-fe-autocomplete-off">off</code>", or a single token that
+ <!-- "mode" is already used by enumerated attributes... "role" is used by role=""... "mantle" it is. -->
+
+ <p>There are two ways this attribute is used. When wearing the <dfn>autofill expectation
+ mantle</dfn>, the <code data-x="attr-fe-autocomplete">autocomplete</code> attribute describes what
+ input is expected from users. When wearing the <dfn>autofill anchor mantle</dfn>, the <code
+ data-x="attr-fe-autocomplete">autocomplete</code> attribute describes the meaning of the given
+ value.</p>
+
+ <p>On an <code>input</code> element whose <code data-x="attr-input-type">type</code> attribute is
+ in the <span data-x="attr-input-type-hidden">Hidden</span> state, the <code
+ data-x="attr-fe-autocomplete">autocomplete</code> attribute wears the <span>autofill anchor
+ mantle</span>. In all other cases, it wears the <span>autofill expectation mantle</span>.</p>
+
+ <p>When wearing the <span>autofill expectation mantle</span>, the <code
+ data-x="attr-fe-autocomplete">autocomplete</code> attribute, if specified, must have a value that
+ is an ordered <span>set of space-separated tokens</span> consisting of either a single token that
is an <span>ASCII case-insensitive</span> match for the string "<code
- data-x="attr-fe-autocomplete-on">on</code>", or the following, in the order given below:</p>
+ data-x="attr-fe-autocomplete-off">off</code>", or a single token that is an <span>ASCII
+ case-insensitive</span> match for the string "<code data-x="attr-fe-autocomplete-on">on</code>",
+ or <span>autofill detail tokens</span>.</p>
+ <p>When wearing the <span>autofill anchor
+ mantle</span>, the <code
+ data-x="attr-fe-autocomplete">autocomplete</code> attribute, if specified, must have a value that is an ordered <span>set of
+ space-separated tokens</span> consisting of just <span>autofill detail tokens</span> (i.e. the
+ "<code data-x="attr-fe-autocomplete-on">on</code>" and "<code
+ data-x="attr-fe-autocomplete-off">off</code>" keywords are not allowed).</p>
+
+ <p><dfn>Autofill detail tokens</dfn> are the following, in the order given below:</p>
+
<ol>
<li>
@@ -51757,21 +51784,70 @@
</ol>
- <p>The "<dfn><code data-x="attr-fe-autocomplete-off">off</code></dfn>" keyword indicates either
- that the control's input data is particularly sensitive (for example the activation code for a
- nuclear weapon); or that it is a value that will never be reused (for example a one-time-key for a
- bank login) and the user will therefore have to explicitly enter the data each time, instead of
- being able to rely on the UA to prefill the value for him; or that the document provides its own
- autocomplete mechanism and does not want the user agent to provide autocompletion values.</p>
+ <p>As noted earlier, the meaning of the attribute and its keywords depends on the mantle that the
+ attribute is wearing.</p>
- <p>The "<dfn><code data-x="attr-fe-autocomplete-on">on</code></dfn>" keyword indicates that the
- user agent is allowed to provide the user with autocompletion values, but does not provide any
- further information about what kind of data the user might be expected to enter. User agents would
- have to use heuristics to decide what autocompletion values to suggest.</p>
+ <dl class="switch">
- <p>The <dfn data-x="autofill field">autofill fields</dfn> names listed above indicate that the user
- agent is allowed to provide the user with autocompletion values, and specifies what kind of value
- is expected. The keywords relate to each other as described in the table below. Each field name
+ <dt>When wearing the <span>autofill expectation mantle</span>...
+
+ <dd>
+
+ <p>The "<dfn><code data-x="attr-fe-autocomplete-off">off</code></dfn>" keyword indicates either
+ that the control's input data is particularly sensitive (for example the activation code for a
+ nuclear weapon); or that it is a value that will never be reused (for example a one-time-key for a
+ bank login) and the user will therefore have to explicitly enter the data each time, instead of
+ being able to rely on the UA to prefill the value for him; or that the document provides its own
+ autocomplete mechanism and does not want the user agent to provide autocompletion values.</p>
+
+ <p>The "<dfn><code data-x="attr-fe-autocomplete-on">on</code></dfn>" keyword indicates that the
+ user agent is allowed to provide the user with autocompletion values, but does not provide any
+ further information about what kind of data the user might be expected to enter. User agents would
+ have to use heuristics to decide what autocompletion values to suggest.</p>
+
+ <p>The <span>autofill field</span> listed above indicate that the user agent is allowed to
+ provide the user with autocompletion values, and specifies what kind of value is expected. The
+ meaning of each such keyword is described in the table below.</p>
+
+ <p>If the <code data-x="attr-fe-autocomplete">autocomplete</code> attribute is omitted, the default
+ value corresponding to the state of the element's <span>form owner</span>'s <code
+ data-x="attr-form-autocomplete">autocomplete</code> attribute is used instead (either "<code
+ data-x="attr-fe-autocomplete-on">on</code>" or "<code
+ data-x="attr-fe-autocomplete-off">off</code>"). If there is no <span>form owner</span>, then the
+ value "<code data-x="attr-fe-autocomplete-on">on</code>" is used.</p>
+
+ </dd>
+
+ <dt>When wearing the <span>autofill anchor mantle</span>...
+
+ <dd>
+
+ <p>The <span>autofill field</span> listed above indicate that the value of the particular kind
+ of value specified is that value provided for this element. The meaning of each such keyword is
+ described in the table below.</p>
+
+ <div class="example">
+
+ <p>In this example the page has explicitly specified the currency and amount of the
+ transaction. The form requests a credit card and other billing details. The user agent could
+ use this information to suggest a credit card that it knows has sufficient balance and that
+ supports the relevant currency.</p>
+
+ <pre><form method=post action="step2.cgi">
+ <input type=hidden autocomplete=transaction-currency value="CHF">
+ <input type=hidden autocomplete=transaction-amount value="15.00">
+ <p><label>Credit card number: <input type=text inputmode=numeric autocomplete=cc-number></label>
+ <p><label>Expiry Date: <input type=month autocomplete=cc-exp></label>
+ <p><input type=submit value="Continue...">
+</form></pre>
+
+ </div>
+
+ </dd>
+
+ </dl>
+
+ <p>The <dfn>autofill field</dfn> keywords relate to each other as described in the table below. Each field name
listed on a row of this table corresponds to the meaning given in the cell for that row in the
column labeled "Meaning". Some fields correspond to subparts of other fields; for example, a
credit card expiry date can be expressed as one field giving both the month and year of expiry
@@ -52147,6 +52223,7 @@
<dt><dfn data-x="Control Group Text">Text</dfn>
+ <dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-hidden">Hidden</span> state
<dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-text">Text</span> state
<dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-search">Search</span> state
<dd><code>textarea</code> elements
@@ -52154,11 +52231,13 @@
<dt><dfn data-x="Control Group Multiline">Multiline</dfn>
+ <dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-hidden">Hidden</span> state
<dd><code>textarea</code> elements
<dd><code>select</code> elements
<dt><dfn data-x="Control Group Password">Password</dfn>
+ <dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-hidden">Hidden</span> state
<dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-text">Text</span> state
<dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-search">Search</span> state
<dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-password">Password</span> state
@@ -52167,6 +52246,7 @@
<dt><dfn data-x="Control Group URL">URL</dfn>
+ <dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-hidden">Hidden</span> state
<dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-text">Text</span> state
<dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-search">Search</span> state
<dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-url">URL</span> state
@@ -52175,6 +52255,7 @@
<dt><dfn data-x="Control Group E-mail">E-mail</dfn>
+ <dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-hidden">Hidden</span> state
<dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-text">Text</span> state
<dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-search">Search</span> state
<dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-email">E-mail</span> state
@@ -52183,6 +52264,7 @@
<dt><dfn data-x="Control Group Tel">Tel</dfn>
+ <dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-hidden">Hidden</span> state
<dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-text">Text</span> state
<dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-search">Search</span> state
<dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-tel">Telephone</span> state
@@ -52191,6 +52273,7 @@
<dt><dfn data-x="Control Group Numeric">Numeric</dfn>
+ <dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-hidden">Hidden</span> state
<dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-text">Text</span> state
<dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-search">Search</span> state
<dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-number">Number</span> state
@@ -52199,6 +52282,7 @@
<dt><dfn data-x="Control Group Month">Month</dfn>
+ <dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-hidden">Hidden</span> state
<dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-text">Text</span> state
<dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-search">Search</span> state
<dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-month">Month</span> state
@@ -52207,6 +52291,7 @@
<dt><dfn data-x="Control Group Date">Date</dfn>
+ <dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-hidden">Hidden</span> state
<dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-text">Text</span> state
<dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-search">Search</span> state
<dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-date">Date</span> state
@@ -52216,6 +52301,7 @@
<!--
<dt><dfn data-x="Control Group File">File</dfn>
+ <dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-hidden">Hidden</span> state
<dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-text">Text</span> state
<dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-search">Search</span> state
<dd><code>input</code> elements whose <code data-x="attr-input-type">type</code> attribute is in the <span data-x="attr-input-type-url">URL</span> state
@@ -52226,17 +52312,6 @@
</dl>
- <hr>
-
- <p>If the <code data-x="attr-fe-autocomplete">autocomplete</code> attribute is omitted, the default
- value corresponding to the state of the element's <span>form owner</span>'s <code
- data-x="attr-form-autocomplete">autocomplete</code> attribute is used instead (either "<code
- data-x="attr-fe-autocomplete-on">on</code>" or "<code
- data-x="attr-fe-autocomplete-off">off</code>"). If there is no <span>form owner</span>, then the
- value "<code data-x="attr-fe-autocomplete-on">on</code>" is used.</p>
-
- <hr>
-
<p id="more-on-address-levels"><strong>Address levels</strong>: The "<code
data-x="attr-fe-autocomplete-address-level1">address-level1</code>" – "<code
data-x="attr-fe-autocomplete-address-level4">address-level4</code>" fields are used to describe
@@ -52255,7 +52330,7 @@
<h6>Processing model</h6>
- <p>Each <code>input</code>, <code>select</code>, and <code>textarea</code> element has an
+ <p>Each <code>input</code> element to which the <code data-x="attr-fe-autocomplete">autocomplete</code> attribute <span data-x="concept-input-apply">applies</span>, each <code>select</code> element, and each <code>textarea</code> element, has an
<dfn>autofill hint set</dfn>, an <dfn>autofill scope</dfn>, an <dfn>autofill field name</dfn>, and
an <dfn>IDL-exposed autofill value</dfn>.</p>
@@ -52268,8 +52343,8 @@
data-x="attr-fe-autocomplete-fax">fax</code>" or "<code
data-x="attr-fe-autocomplete-billing">billing</code>".</p>
- <p>The <span>autofill scope</span> identifies the group of fields that are to be filled with the
- information from the same source, and consists of the <span>autofill hint set</span> with, if
+ <p>The <span>autofill scope</span> identifies the group of fields whose information concerns the
+ same subject, and consists of the <span>autofill hint set</span> with, if
applicable, the "<code data-x="">section-*</code>" prefix, e.g. "<code data-x="">billing</code>",
"<code data-x="">section-parent shipping</code>", or "<code data-x="">section-child shipping
home</code>".</p>
@@ -52532,6 +52607,10 @@
</li>
+ <li><p>If <var>category</var> is Off or Automatic but the element's <code
+ data-x="attr-fe-autocomplete">autocomplete</code> attribute is wearing the <span>autofill anchor
+ mantle</span>, then jump to the step labeled <i>default</i>.</p></li>
+
<li><p>If <var>category</var> is Off, let the element's <span>autofill field name</span>
be the string "<code data-x="">off</code>", let its <span>autofill hint set</span> be empty, and
let its <span>IDL-exposed autofill value</span> be the string "<code data-x="">off</code>". Then,
@@ -52655,6 +52734,10 @@
<li><p><i>Default</i>: Let the element's <span>IDL-exposed autofill value</span> be the empty
string, and its <span>autofill hint set</span> and <span>autofill scope</span> be empty.</p></li>
+ <li><p>If the element's <code data-x="attr-fe-autocomplete">autocomplete</code> attribute is
+ wearing the <span>autofill anchor mantle</span>, then let the element's <span>autofill field
+ name</span> be the empty string and abort these steps.</p></li>
+
<li><p>Let <var>form</var> be the element's <span>form owner</span>, if any, or null
otherwise.</p></li>
@@ -52711,32 +52794,42 @@
<hr>
- <p>When an element's <span>autofill field name</span> is "<code
- data-x="attr-fe-autocomplete-off">off</code>", the user agent should not remember the <span>control's
- data</span>, and should not offer past values to the user.</p>
+ <p>How to process the <span>autofill hint set</span>, <span>autofill scope</span>, and
+ <span>autofill field name</span> depends on the mantle that the <code
+ data-x="attr-fe-autocomplete">autocomplete</code> attribute is wearing.</p>
- <p class="note">In addition, when an element's <span>autofill field name</span> is "<code
- data-x="attr-fe-autocomplete-off">off</code>", <a href="#history-autocomplete">values are reset</a>
- when <span data-x="traverse the history">traversing the history</span>.</p>
+ <dl class="switch">
- <div class="example">
+ <dt>When wearing the <span>autofill expectation mantle</span>...
- <p>Banks frequently do not want UAs to prefill login information:</p>
+ <dd>
- <pre><p><label>Account: <input type="text" name="ac" autocomplete="off"></label></p>
+ <p>When an element's <span>autofill field name</span> is "<code
+ data-x="attr-fe-autocomplete-off">off</code>", the user agent should not remember the <span>control's
+ data</span>, and should not offer past values to the user.</p>
+
+ <p class="note">In addition, when an element's <span>autofill field name</span> is "<code
+ data-x="attr-fe-autocomplete-off">off</code>", <a href="#history-autocomplete">values are reset</a>
+ when <span data-x="traverse the history">traversing the history</span>.</p>
+
+ <div class="example">
+
+ <p>Banks frequently do not want UAs to prefill login information:</p>
+
+ <pre><p><label>Account: <input type="text" name="ac" autocomplete="off"></label></p>
<p><label>PIN: <input type="password" name="pin" autocomplete="off"></label></p></pre>
- </div>
+ </div>
- <p>When an element's <span>autofill field name</span> is <em>not</em> "<code
- data-x="attr-fe-autocomplete-off">off</code>", the user agent may store the <span>control's
- data</span>, and may offer previously stored values to the user.</p>
+ <p>When an element's <span>autofill field name</span> is <em>not</em> "<code
+ data-x="attr-fe-autocomplete-off">off</code>", the user agent may store the <span>control's
+ data</span>, and may offer previously stored values to the user.</p>
- <div class="example">
+ <div class="example">
- <p>For example, suppose a user visits a page with this control:</p>
+ <p>For example, suppose a user visits a page with this control:</p>
- <pre><select name="country">
+ <pre><select name="country">
<option>Afghanistan
<option>Albania
<option>Algeria
@@ -52751,38 +52844,53 @@
<option>Zimbabwe
</select></pre>
- <p>This might render as follows:</p>
+ <p>This might render as follows:</p>
- <p><img src="images/select-country-1.png" alt="A drop-down control with a long alphabetical list of countries."></p>
+ <p><img src="images/select-country-1.png" alt="A drop-down control with a long alphabetical list of countries."></p>
- <p>Suppose that on the first visit to this page, the user selects "Zambia". On the second visit,
- the user agent could duplicate the entry for Zambia at the top of the list, so that the interface
- instead looks like this:</p>
+ <p>Suppose that on the first visit to this page, the user selects "Zambia". On the second visit,
+ the user agent could duplicate the entry for Zambia at the top of the list, so that the interface
+ instead looks like this:</p>
- <p><img src="images/select-country-2.png" alt="The same drop-down control with the alphabetical list of countries, but with Zambia as an entry at the top."></p>
+ <p><img src="images/select-country-2.png" alt="The same drop-down control with the alphabetical list of countries, but with Zambia as an entry at the top."></p>
- </div>
+ </div>
- <p>When the <span>autofill field name</span> is "<code
- data-x="attr-fe-autocomplete-on">on</code>", the user agent should attempt to use heuristics to
- determine the most appropriate values to offer the user, e.g. based on the element's <code
- data-x="attr-fe-name">name</code> value, the position of the element in the document's DOM, what
- other fields exist in the form, and so forth.</p>
+ <p>When the <span>autofill field name</span> is "<code
+ data-x="attr-fe-autocomplete-on">on</code>", the user agent should attempt to use heuristics to
+ determine the most appropriate values to offer the user, e.g. based on the element's <code
+ data-x="attr-fe-name">name</code> value, the position of the element in the document's DOM, what
+ other fields exist in the form, and so forth.</p>
- <p>When the <span>autofill field name</span> is one of the names of the <span data-x="autofill
- field">autofill fields</span> described above, the user agent should provide suggestions that
- match the meaning of the field name as given in the table earlier in this section. The
- <span>autofill hint set</span> should be used to select amongst multiple possible suggestions.</p>
+ <p>When the <span>autofill field name</span> is one of the names of the <span data-x="autofill
+ field">autofill fields</span> described above, the user agent should provide suggestions that
+ match the meaning of the field name as given in the table earlier in this section. The
+ <span>autofill hint set</span> should be used to select amongst multiple possible suggestions.</p>
- <p class="example">For example, if a user once entered one address into fields that used the
- "<code data-x="attr-fe-autocomplete-shipping">shipping</code>" keyword, and another address into
- fields that used the "<code data-x="attr-fe-autocomplete-billing">billing</code>" keyword, then in
- subsequent forms only the first address would be suggested for form controls whose <span>autofill
- hint set</span> contains the keyword "<code
- data-x="attr-fe-autocomplete-shipping">shipping</code>". Both addresses might be suggested,
- however, for address-related form controls whose <span>autofill hint set</span> does not contain
- either keyword.</p>
+ <p class="example">For example, if a user once entered one address into fields that used the
+ "<code data-x="attr-fe-autocomplete-shipping">shipping</code>" keyword, and another address into
+ fields that used the "<code data-x="attr-fe-autocomplete-billing">billing</code>" keyword, then in
+ subsequent forms only the first address would be suggested for form controls whose <span>autofill
+ hint set</span> contains the keyword "<code
+ data-x="attr-fe-autocomplete-shipping">shipping</code>". Both addresses might be suggested,
+ however, for address-related form controls whose <span>autofill hint set</span> does not contain
+ either keyword.</p>
+ </dd>
+
+ <dt>When wearing the <span>autofill anchor mantle</span>...
+
+ <dd>
+
+ <p>When the <span>autofill field name</span> is not the empty string, then the user agent must
+ act as if the user had specified the <span>control's data</span> for the given <span>autofill
+ hint set</span>, <span>autofill scope</span>, and <span>autofill field name</span>
+ combination.</p>
+
+ </dd>
+
+ </dl>
+
<p>When the user agent <dfn data-x="concept-fe-autofill">autofills form controls</dfn>, elements
with the same <span>form owner</span> and the same <span>autofill scope</span> must use data
relating to the same person, address, payment instrument, and contact details. <span
@@ -52808,6 +52916,21 @@
data-x="attr-fe-autocomplete-cc-exp-month">cc-exp-month</code>" field, and the user agent
prefilled the form, then the month component of the former would have to match the latter.</p>
+ <div class="example">
+
+ <p>This requirement interacts with the <span>autofill anchor mantle</span> also. Consider the
+ following markup snippet:</p>
+
+ <pre><form>
+ <input type=hidden autocomplete="nickname" value="TreePlate">
+ <input type=text autocomplete="nickname">
+</form></pre>
+
+ <p>The only value that a conforming user agent could suggest in the text field is
+ "TreePlate", the value given by the hidden <code>input</code> element.</p>
+
+ </div>
+
<p>The "<code data-x="">section-*</code>" tokens in the <span>autofill scope</span> are opaque;
user agents must not attempt to derive meaning from the precise values of these tokens.</p>
@@ -52996,6 +53119,10 @@
data-x="concept-input-apply">applies</span>, or, the element is a <code>textarea</code>
element, or, the element is a <code>select</code> element</p></li>
+ <li><p>the element's <code data-x="attr-fe-autocomplete">autocomplete</code> attribute is
+ wearing the <span>autofill expectation mantle</span></p></li> <!-- technically redundant with
+ the "mutable" check -->
+
<li><p>the element's <span>autofill field name</span> is neither "<code
data-x="attr-fe-autocomplete-off">off</code>" nor "<code
data-x="attr-fe-autocomplete-on">on</code>"</p></li>
@@ -53007,7 +53134,10 @@
<li><p>Return, but continue running these steps asynchronously.</p></li>
<li><p>Provide an interface for the user to efficiently fill in some or all of the fields listed
- in <var>pending autofills</var>. Await the user's input.</p></li>
+ in <var>pending autofills</var>. Await the user's input. The user agent may include additional
+ (immutable) information, e.g. <span data-x="control's data">data</span> obtained from elements
+ with an <code data-x="attr-fe-autocomplete">autocomplete</code> attribute wearing the
+ <span>autofill anchor mantle</span>.</p></li>
<li>
@@ -53071,6 +53201,10 @@
<code>textarea</code> element, or, <var>candidate</var> is a <code>select</code>
element</p></li>
+ <li><p>the element's <code data-x="attr-fe-autocomplete">autocomplete</code> attribute is
+ still wearing the <span>autofill expectation mantle</span></p></li> <!-- technically
+ redundant with the "mutable" check -->
+
<li><p><var>candidate</var>'s <span>autofill field name</span> is still equal to
<var>old autocomplete value</var></p></li>
More information about the Commit-Watchers
mailing list