[prev in list] [next in list] [prev in thread] [next in thread]
List: html5-commit-watchers
Subject: [html5] r7209 - [e] (0) Rearrange how some of the common form attributes are defined. This is a [...
From: whatwg () whatwg ! org
Date: 2012-07-26 22:18:35
Message-ID: 20120726221835.8F4DD1CBC053 () ps20323 ! dreamhostps ! com
[Download RAW message or body]
Author: ianh
Date: 2012-07-26 15:18:33 -0700 (Thu, 26 Jul 2012)
New Revision: 7209
Modified:
complete.html
index
source
Log:
[e] (0) Rearrange how some of the common form attributes are defined. This is a \
highly risky change, especially for cross-references; reviewers are very much \
appreciated as always. Affected topics: DOM APIs, HTML
Modified: complete.html
===================================================================
--- complete.html 2012-07-26 19:10:48 UTC (rev 7208)
+++ complete.html 2012-07-26 22:18:33 UTC (rev 7209)
@@ -701,19 +701,16 @@
<li><a href=#input-impl-notes><span class=secno>4.10.7.2 </span>Implemention \
notes regarding localization of form controls</a></li>
<li><a href=#common-input-element-attributes><span class=secno>4.10.7.3 \
</span>Common <code>input</code> element attributes</a> <ol>
- <li><a href=#the-autocomplete-attribute><span class=secno>4.10.7.3.1 \
</span>The <code title=attr-input-autocomplete>autocomplete</code> \
attribute</a></li>
- <li><a href=#the-dirname-attribute><span class=secno>4.10.7.3.2 </span>The \
<code title=attr-input-dirname>dirname</code> attribute</a></li>
- <li><a href=#the-inputmode-attribute><span class=secno>4.10.7.3.3 \
</span>The <code title=attr-input-inputmode>inputmode</code> \
attribute</a></li>
- <li><a href=#the-list-attribute><span class=secno>4.10.7.3.4 </span>The \
<code title=attr-input-list>list</code> attribute</a></li>
- <li><a href=#the-readonly-attribute><span class=secno>4.10.7.3.5 </span>The \
<code title=attr-input-readonly>readonly</code> attribute</a></li>
- <li><a href=#the-size-attribute><span class=secno>4.10.7.3.6 </span>The \
<code title=attr-input-size>size</code> attribute</a></li>
- <li><a href=#the-required-attribute><span class=secno>4.10.7.3.7 </span>The \
<code title=attr-input-required>required</code> attribute</a></li>
- <li><a href=#the-multiple-attribute><span class=secno>4.10.7.3.8 </span>The \
<code title=attr-input-multiple>multiple</code> attribute</a></li>
- <li><a href=#the-maxlength-attribute><span class=secno>4.10.7.3.9 \
</span>The <code title=attr-input-maxlength>maxlength</code> \
attribute</a></li>
- <li><a href=#the-pattern-attribute><span class=secno>4.10.7.3.10 </span>The \
<code title=attr-input-pattern>pattern</code> attribute</a></li>
- <li><a href=#the-min-and-max-attributes><span class=secno>4.10.7.3.11 \
</span>The <code title=attr-input-min>min</code> and <code \
title=attr-input-max>max</code> attributes</a></li>
- <li><a href=#the-step-attribute><span class=secno>4.10.7.3.12 </span>The \
<code title=attr-input-step>step</code> attribute</a></li>
- <li><a href=#the-placeholder-attribute><span class=secno>4.10.7.3.13 \
</span>The <code title=attr-input-placeholder>placeholder</code> \
attribute</a></ol></li> + <li><a href=#the-maxlength-attribute><span \
class=secno>4.10.7.3.1 </span>The <code title=attr-input-maxlength>maxlength</code> \
attribute</a></li> + <li><a href=#the-size-attribute><span \
class=secno>4.10.7.3.2 </span>The <code title=attr-input-size>size</code> \
attribute</a></li> + <li><a href=#the-readonly-attribute><span \
class=secno>4.10.7.3.3 </span>The <code title=attr-input-readonly>readonly</code> \
attribute</a></li> + <li><a href=#the-required-attribute><span \
class=secno>4.10.7.3.4 </span>The <code title=attr-input-required>required</code> \
attribute</a></li> + <li><a href=#the-multiple-attribute><span \
class=secno>4.10.7.3.5 </span>The <code title=attr-input-multiple>multiple</code> \
attribute</a></li> + <li><a href=#the-pattern-attribute><span \
class=secno>4.10.7.3.6 </span>The <code title=attr-input-pattern>pattern</code> \
attribute</a></li> + <li><a href=#the-min-and-max-attributes><span \
class=secno>4.10.7.3.7 </span>The <code title=attr-input-min>min</code> and <code \
title=attr-input-max>max</code> attributes</a></li> + <li><a \
href=#the-step-attribute><span class=secno>4.10.7.3.8 </span>The <code \
title=attr-input-step>step</code> attribute</a></li> + <li><a \
href=#the-list-attribute><span class=secno>4.10.7.3.9 </span>The <code \
title=attr-input-list>list</code> attribute</a></li> + <li><a \
href=#the-placeholder-attribute><span class=secno>4.10.7.3.10 </span>The <code \
title=attr-input-placeholder>placeholder</code> \
attribute</a></ol></li>
<li><a href=#common-input-element-apis><span class=secno>4.10.7.4 \
</span>Common <code>input</code> element APIs</a></li>
<li><a href=#common-event-behaviors><span class=secno>4.10.7.5 </span>Common \
event behaviors</a></ol></li>
<li><a href=#the-button-element><span class=secno>4.10.8 </span>The \
<code>button</code> element</a></li> @@ -733,13 +730,13 @@
<li><a href=#attributes-common-to-form-controls><span class=secno>4.10.19 \
</span>Attributes common to form controls</a> <ol>
<li><a href=#naming-form-controls:-the-name-attribute><span \
class=secno>4.10.19.1 </span>Naming form controls: the <code \
title=attr-fe-name>name</code> attribute</a></li>
- <li><a href=#enabling-and-disabling-form-controls:-the-disabled-attribute><span \
class=secno>4.10.19.2 </span>Enabling and disabling form controls: the <code \
title=attr-fe-disabled>disabled</code> attribute</a></li>
- <li><a href=#autofocusing-a-form-control:-the-autofocus-attribute><span \
class=secno>4.10.19.3 </span>Autofocusing a form control: the <code \
title=attr-fe-autofocus>autofocus</code> attribute</a></li>
- <li><a href=#limiting-user-input-length:-the-maxlength-attribute><span \
class=secno>4.10.19.4 </span>Limiting user input length: the <code \
title=attr-fe-maxlength>maxlength</code> attribute</a></li> + <li><a \
href=#submitting-element-directionality:-the-dirname-attribute><span \
class=secno>4.10.19.2 </span>Submitting element directionality: the <code \
title=attr-fe-dirname>dirname</code> attribute</a></li> + <li><a \
href=#limiting-user-input-length:-the-maxlength-attribute><span class=secno>4.10.19.3 \
</span>Limiting user input length: the <code title=attr-fe-maxlength>maxlength</code> \
attribute</a></li> + <li><a \
href=#enabling-and-disabling-form-controls:-the-disabled-attribute><span \
class=secno>4.10.19.4 </span>Enabling and disabling form controls: the <code \
title=attr-fe-disabled>disabled</code> attribute</a></li>
<li><a href=#form-submission-0><span class=secno>4.10.19.5 </span>Form \
submission</a></li>
- <li><a href=#submitting-element-directionality:-the-dirname-attribute><span \
class=secno>4.10.19.6 </span>Submitting element directionality: the <code title="form \
control dirname attribute">dirname</code> attribute</a></li>
- <li><a href=#autofilling-form-controls:-the-autocomplete-attribute><span \
class=secno>4.10.19.7 </span>Autofilling form controls: the <code \
title=attr-fe-autocomplete>autocomplete</code> attribute</a></li>
- <li><a href=#input-modalities:-the-inputmode-attribute><span \
class=secno>4.10.19.8 </span>Input modalities: the <code \
title=attr-inputmode>inputmode</code> attribute</a></ol></li> + <li><a \
href=#autofocusing-a-form-control:-the-autofocus-attribute><span \
class=secno>4.10.19.6 </span>Autofocusing a form control: the <code \
title=attr-fe-autofocus>autofocus</code> attribute</a></li> + <li><a \
href=#input-modalities:-the-inputmode-attribute><span class=secno>4.10.19.7 \
</span>Input modalities: the <code title=attr-fe-inputmode>inputmode</code> \
attribute</a></li> + <li><a \
href=#autofilling-form-controls:-the-autocomplete-attribute><span \
class=secno>4.10.19.8 </span>Autofilling form controls: the <code \
title=attr-fe-autocomplete>autocomplete</code> \
attribute</a></ol></li>
<li><a href=#textFieldSelection><span class=secno>4.10.20 </span>APIs for the \
text field selections</a></li>
<li><a href=#constraints><span class=secno>4.10.21 </span>Constraints</a>
<ol>
@@ -45814,10 +45811,10 @@
<dd><a href=#global-attributes>Global attributes</a></dd>
<dd><code title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code></dd> <dd><code title=attr-input-alt><a \
href=#attr-input-alt>alt</a></code></dd>
- <dd><code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code></dd> + <dd><code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code></dd> \
<dd><code title=attr-fe-autofocus><a \
href=#attr-fe-autofocus>autofocus</a></code></dd> <dd><code \
title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code></dd>
- <dd><code title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code></dd> + <dd><code \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code></dd> <dd><code \
title=attr-fe-disabled><a href=#attr-fe-disabled>disabled</a></code></dd> <dd><code \
title=attr-fae-form><a href=#attr-fae-form>form</a></code></dd> <dd><code \
title=attr-fs-formaction><a href=#attr-fs-formaction>formaction</a></code></dd> @@ \
-45826,7 +45823,7 @@ <dd><code title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code></dd> <dd><code \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code></dd> \
<dd><code title=attr-dim-height><a \
href=#attr-dim-height>height</a></code></dd>
- <dd><code title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code></dd> + <dd><code \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code></dd> \
<dd><code title=attr-input-list><a href=#attr-input-list>list</a></code></dd> \
<dd><code title=attr-input-max><a href=#attr-input-max>max</a></code></dd> <dd><code \
title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code></dd> @@ \
-46014,7 +46011,7 @@ <td> A button
</table><p>The <i>missing value default</i> is the <a \
href="#text-(type=text)-state-and-search-state-(type=search)" \
title=attr-input-type-text>Text</a> state.</p>
- <p>Which of the <code title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code title=attr-input-alt><a \
href=#attr-input-alt>alt</a></code>, <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, <code \
title=attr-input-checked><a href=#attr-input-checked>checked</a></code>, <code \
title=attr-input-dirname><a href=#attr-input-dirname>dirname</a></code>, <code \
title=attr-fs-formaction><a href=#attr-fs-formaction>formaction</a></code>, <code \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
title=attr-fs-formmethod><a href=#attr-fs-formmethod>formmethod</a></code>, <code \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
title=attr-dim-height><a href=#attr-dim-height>height</a></code>, <code \
title=attr-input-inputmode><a href=#attr-input-inputmode>inputmode</a></c ode>, \
<code title=attr-input-list><a href=#attr-input-list>list</a></code>, <code \
title=attr-input-max><a href=#attr-input-max>max</a></code>, <code \
title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>, <code \
title=attr-input-min><a href=#attr-input-min>min</a></code>, <code \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code>, <code \
title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>, <code \
title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code>, \
<code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code>, \
<code title=attr-input-required><a href=#attr-input-required>required</a></code>, \
<code title=attr-input-size><a href=#attr-input-size>size</a></code>, <code \
title=attr-input-src><a href=#attr-input-src>src</a></code>, <code \
title=attr-input-step><a href=#attr-input-step>step</a></code>, and <code \
title=attr-dim-width><a href=#attr-dim-width>width</a></code> content attributes, \
the <code title=dom-input-checked><a href=#dom-input-checked>checked</a></code>, \
<code title=dom-input-files><a href=#dom-input-files>files</a></code>, <code \
title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>, \
<code title=dom-input-valueAsNumber><a \
href=#dom-input-valueasnumber>valueAsNumber</a></code>, and <code \
title=dom-input-list><a href=#dom-input-list>list</a></code> IDL attributes, the \
<code title=dom-textarea/input-select><a \
href=#dom-textarea/input-select>select()</a></code> method, the <code \
title=dom-textarea/input-selectionStart><a \
href=#dom-textarea/input-selectionstart>selectionStart</a></code>, + <p>Which of the \
<code title=attr-input-accept><a href=#attr-input-accept>accept</a></code>, <code \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code title=attr-input-checked><a href=#attr-input-checked>checked</a></code>, <code \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
title=attr-fs-formaction><a href=#attr-fs-formaction>formaction</a></code>, <code \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
title=attr-fs-formmethod><a href=#attr-fs-formmethod>formmethod</a></code>, <code \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
title=attr-dim-height><a href=#attr-dim-height>height</a></code>, <code \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code title= \
attr-input-list><a href=#attr-input-list>list</a></code>, <code \
title=attr-input-max><a href=#attr-input-max>max</a></code>, <code \
title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>, <code \
title=attr-input-min><a href=#attr-input-min>min</a></code>, <code \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code>, <code \
title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>, <code \
title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code>, \
<code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code>, \
<code title=attr-input-required><a href=#attr-input-required>required</a></code>, \
<code title=attr-input-size><a href=#attr-input-size>size</a></code>, <code \
title=attr-input-src><a href=#attr-input-src>src</a></code>, <code \
title=attr-input-step><a href=#attr-input-step>step</a></code>, and <code \
title=attr-dim-width><a href=#attr-dim-width>width</a></code> content attribute s, \
the <code title=dom-input-checked><a href=#dom-input-checked>checked</a></code>, \
<code title=dom-input-files><a href=#dom-input-files>files</a></code>, <code \
title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>, \
<code title=dom-input-valueAsNumber><a \
href=#dom-input-valueasnumber>valueAsNumber</a></code>, and <code \
title=dom-input-list><a href=#dom-input-list>list</a></code> IDL attributes, the \
<code title=dom-textarea/input-select><a \
href=#dom-textarea/input-select>select()</a></code> method, the <code \
title=dom-textarea/input-selectionStart><a \
href=#dom-textarea/input-selectionstart>selectionStart</a></code>, <code \
title=dom-textarea/input-selectionEnd><a \
href=#dom-textarea/input-selectionend>selectionEnd</a></code>, and <code \
title=dom-textarea/input-selectionDirection><a \
href=#dom-textarea/input-selectiondirection>selectionDirection</a></code>, IDL \
attributes, the @@ -46105,7 +46102,7 @@
<td class=no> · <!-- Reset Button -->
<!-- <td class="no"> · Button -->
- <tr><th> <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code> + <tr><th> <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code> <td \
class=no> · <!-- Hidden --> <td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
@@ -46153,7 +46150,7 @@
<td class=no> · <!-- Reset Button -->
<!-- <td class="no"> · Button -->
- <tr><th> <code title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code> + <tr><th> <code \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code> <td class=no> \
· <!-- Hidden --> <td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
@@ -46321,7 +46318,7 @@
<td class=no> · <!-- Reset Button -->
<!-- <td class="no"> · Button -->
- <tr><th> <code title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code> + <tr><th> <code \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code> <td \
class=no> · <!-- Hidden --> <td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
@@ -47180,13 +47177,15 @@
</ol></div>
- <hr><p>The <code title=attr-fae-form><a href=#attr-fae-form>form</a></code> \
attribute is used to
- explicitly associate the <code><a href=#the-input-element>input</a></code> element \
with its
- <a href=#form-owner>form owner</a>. The <code title=attr-fe-name><a \
href=#attr-fe-name>name</a></code>
- attribute represents the element's name. The <code title=attr-fe-disabled><a \
href=#attr-fe-disabled>disabled</a></code> attribute is used to make
- the control non-interactive and to prevent its value from being
- submitted. The <code title=attr-fe-autofocus><a \
href=#attr-fe-autofocus>autofocus</a></code>
- attribute controls focus.</p>
+ <hr><p>
+ The <code title=attr-fe-name><a href=#attr-fe-name>name</a></code> attribute \
represents the element's name. + The <code title=attr-fe-dirname><a \
href=#attr-fe-dirname>dirname</a></code> attribute controls how the element's <a \
href=#the-directionality title="the directionality">directionality</a> is submitted. \
+ The <code title=attr-fe-disabled><a href=#attr-fe-disabled>disabled</a></code> \
attribute is used to make the control non-interactive and to prevent its value from \
being submitted. + The <code title=attr-fae-form><a \
href=#attr-fae-form>form</a></code> attribute is used to explicitly associate the \
<code><a href=#the-input-element>input</a></code> element with its <a \
href=#form-owner>form owner</a>. + The <code title=attr-fe-autofocus><a \
href=#attr-fe-autofocus>autofocus</a></code> attribute controls focus. + The <code \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code> attribute \
controls the user interface's input modality for the control. + The <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code> \
attribute controls how the user agent provides autofill behavior. + </p>
<div class=impl>
@@ -47198,7 +47197,7 @@
<p>The <dfn id=dom-input-accept title=dom-input-accept><code>accept</code></dfn>, \
<dfn id=dom-input-alt title=dom-input-alt><code>alt</code></dfn>, <dfn \
id=dom-input-max title=dom-input-max><code>max</code></dfn>, <dfn id=dom-input-min \
title=dom-input-min><code>min</code></dfn>, <dfn id=dom-input-multiple \
title=dom-input-multiple><code>multiple</code></dfn>, <dfn id=dom-input-pattern \
title=dom-input-pattern><code>pattern</code></dfn>, <dfn id=dom-input-placeholder \
title=dom-input-placeholder><code>placeholder</code></dfn>, <dfn \
id=dom-input-required title=dom-input-required><code>required</code></dfn>, <dfn \
id=dom-input-size title=dom-input-size><code>size</code></dfn>, <dfn id=dom-input-src \
title=dom-input-src><code>src</code></dfn>, and <dfn id=dom-input-step \
title=dom-input-step><code>step</code></dfn> IDL attributes must <a \
href=#reflect>reflect</a> the respective content attributes of the same name. The \
<dfn id=dom-input-dirname title=dom-input-dirName><code>dirName</code></dfn> IDL \
attribute
- must <a href=#reflect>reflect</a> the <code title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code> content attribute. The <dfn \
id=dom-input-readonly title=dom-input-readOnly><code>readOnly</code></dfn> IDL \
attribute + must <a href=#reflect>reflect</a> the <code title=attr-fe-dirname><a \
href=#attr-fe-dirname>dirname</a></code> content attribute. The <dfn \
id=dom-input-readonly title=dom-input-readOnly><code>readOnly</code></dfn> IDL \
attribute must <a href=#reflect>reflect</a> the <code title=attr-input-readonly><a \
href=#attr-input-readonly>readonly</a></code> content attribute. The <dfn \
id=dom-input-defaultchecked \
title=dom-input-defaultChecked><code>defaultChecked</code></dfn> IDL attribute must \
<a href=#reflect>reflect</a> the <code title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code> content attribute. The @@ -47209,7 \
+47208,7 @@ <dfn id=dom-input-type title=dom-input-type><code>type</code></dfn> IDL \
attributes must <a href=#reflect>reflect</a> the respective content attributes of \
the same name, <a href=#limited-to-only-known-values>limited to only known \
values</a>. The <dfn id=dom-input-inputmode \
title=dom-input-inputmode><code>inputMode</code></dfn> IDL
- attribute must <a href=#reflect>reflect</a> the <code \
title=attr-input-inputmode><a href=#attr-input-inputmode>inputmode</a></code> content \
attribute, + attribute must <a href=#reflect>reflect</a> the <code \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code> content \
attribute, <a href=#limited-to-only-known-values>limited to only known values</a>. \
The <dfn id=dom-input-maxlength \
title=dom-input-maxLength><code>maxLength</code></dfn> IDL attribute must <a \
href=#reflect>reflect</a> the <code title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code> content attribute, <a \
href=#limited-to-only-non-negative-numbers>limited to only non-negative \
numbers</a>.</p> @@ -47285,16 +47284,16 @@
apply</a> to the element:
<code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>,
- <code class=no-backref title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code class=no-backref \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code class=no-backref title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-list><a href=#attr-input-list>list</a></code>, \
<code class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, \
<code class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, @@ -47394,9 +47393,9 @@
<p>The following common <code><a href=#the-input-element>input</a></code> element \
content attributes, IDL attributes, and methods apply to the element:
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>,
- <code title=attr-input-dirname><a href=#attr-input-dirname>dirname</a></code>,
- <code title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, + \
<code title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, + <code \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
title=attr-input-list><a href=#attr-input-list>list</a></code>, <code \
title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>, <code \
title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>, @@ -47496,7 \
+47495,7 @@
<p>The following common <code><a href=#the-input-element>input</a></code> element \
content attributes, IDL attributes, and methods apply to the element:
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code title=attr-input-list><a href=#attr-input-list>list</a></code>, <code \
title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>, <code \
title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>, @@ -47524,14 \
+47523,14 @@ <code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code class=no-backref \
title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, <code \
class=no-backref title=attr-input-min><a href=#attr-input-min>min</a></code>, <code \
class=no-backref title=attr-input-multiple><a \
href=#attr-input-multiple>multiple</a></code>, @@ -47604,7 +47603,7 @@
<p>The following common <code><a href=#the-input-element>input</a></code> element \
content attributes, IDL attributes, and methods apply to the element:
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code title=attr-input-list><a href=#attr-input-list>list</a></code>, <code \
title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>, <code \
title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>, @@ -47632,14 \
+47631,14 @@ <code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code class=no-backref \
title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, <code \
class=no-backref title=attr-input-min><a href=#attr-input-min>min</a></code>, <code \
class=no-backref title=attr-input-multiple><a \
href=#attr-input-multiple>multiple</a></code>, @@ -47887,7 +47886,7 @@
<p>The following common <code><a href=#the-input-element>input</a></code> element \
content attributes, IDL attributes, and methods apply to the element:
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code title=attr-input-list><a href=#attr-input-list>list</a></code>, <code \
title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>, <code \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code>, @@ \
-47917,14 +47916,14 @@ <code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code class=no-backref \
title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, <code \
class=no-backref title=attr-input-min><a href=#attr-input-min>min</a></code>, <code \
class=no-backref title=attr-input-src><a href=#attr-input-src>src</a></code>, @@ \
-47986,7 +47985,7 @@
<p>The following common <code><a href=#the-input-element>input</a></code> element \
content attributes, IDL attributes, and methods apply to the element:
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>, \
<code title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>, <code \
title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code>, \
@@ -48011,14 +48010,14 @@ <code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code class=no-backref \
title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-list><a href=#attr-input-list>list</a></code>, \
<code class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, \
<code class=no-backref title=attr-input-min><a href=#attr-input-min>min</a></code>, \
@@ -48179,7 +48178,7 @@
<p>The following common <code><a href=#the-input-element>input</a></code> element \
content attributes, IDL attributes, and methods apply to the element:
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code title=attr-input-list><a href=#attr-input-list>list</a></code>, <code \
title=attr-input-max><a href=#attr-input-max>max</a></code>, <code \
title=attr-input-min><a href=#attr-input-min>min</a></code>, @@ -48203,14 +48202,14 \
@@ <code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code class=no-backref \
title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, <code class=no-backref \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code>, <code \
class=no-backref title=attr-input-pattern><a \
href=#attr-input-pattern>pattern</a></code>, @@ -48359,7 +48358,7 @@
<p>The following common <code><a href=#the-input-element>input</a></code> element \
content attributes, IDL attributes, and methods apply to the element:
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code title=attr-input-list><a href=#attr-input-list>list</a></code>, <code \
title=attr-input-max><a href=#attr-input-max>max</a></code>, <code \
title=attr-input-min><a href=#attr-input-min>min</a></code>, @@ -48383,14 +48382,14 \
@@ <code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code class=no-backref \
title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, <code class=no-backref \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code>, <code \
class=no-backref title=attr-input-pattern><a \
href=#attr-input-pattern>pattern</a></code>, @@ -48515,7 +48514,7 @@
<p>The following common <code><a href=#the-input-element>input</a></code> element \
content attributes, IDL attributes, and methods apply to the element:
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code title=attr-input-list><a href=#attr-input-list>list</a></code>, <code \
title=attr-input-max><a href=#attr-input-max>max</a></code>, <code \
title=attr-input-min><a href=#attr-input-min>min</a></code>, @@ -48539,14 +48538,14 \
@@ <code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code class=no-backref \
title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, <code class=no-backref \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code>, <code \
class=no-backref title=attr-input-pattern><a \
href=#attr-input-pattern>pattern</a></code>, @@ -48672,7 +48671,7 @@
<p>The following common <code><a href=#the-input-element>input</a></code> element \
content attributes, IDL attributes, and methods apply to the element:
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code title=attr-input-list><a href=#attr-input-list>list</a></code>, <code \
title=attr-input-max><a href=#attr-input-max>max</a></code>, <code \
title=attr-input-min><a href=#attr-input-min>min</a></code>, @@ -48696,14 +48695,14 \
@@ <code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code class=no-backref \
title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, <code class=no-backref \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code>, <code \
class=no-backref title=attr-input-pattern><a \
href=#attr-input-pattern>pattern</a></code>, @@ -48827,7 +48826,7 @@
<p>The following common <code><a href=#the-input-element>input</a></code> element \
content attributes, IDL attributes, and methods apply to the element:
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code title=attr-input-list><a href=#attr-input-list>list</a></code>, <code \
title=attr-input-max><a href=#attr-input-max>max</a></code>, <code \
title=attr-input-min><a href=#attr-input-min>min</a></code>, @@ -48851,14 +48850,14 \
@@ <code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code class=no-backref \
title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, <code class=no-backref \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code>, <code \
class=no-backref title=attr-input-pattern><a \
href=#attr-input-pattern>pattern</a></code>, @@ -48980,7 +48979,7 @@
<p>The following common <code><a href=#the-input-element>input</a></code> element \
content attributes, IDL attributes, and methods apply to the element:
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code title=attr-input-list><a href=#attr-input-list>list</a></code>, <code \
title=attr-input-max><a href=#attr-input-max>max</a></code>, <code \
title=attr-input-min><a href=#attr-input-min>min</a></code>, @@ -49003,14 +49002,14 \
@@ <code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code class=no-backref \
title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, <code class=no-backref \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code>, <code \
class=no-backref title=attr-input-pattern><a \
href=#attr-input-pattern>pattern</a></code>, @@ -49154,7 +49153,7 @@
<p>The following common <code><a href=#the-input-element>input</a></code> element \
content attributes, IDL attributes, and methods apply to the element:
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code title=attr-input-list><a href=#attr-input-list>list</a></code>, <code \
title=attr-input-max><a href=#attr-input-max>max</a></code>, <code \
title=attr-input-min><a href=#attr-input-min>min</a></code>, @@ -49178,14 +49177,14 \
@@ <code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code class=no-backref \
title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, <code class=no-backref \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code>, <code \
class=no-backref title=attr-input-pattern><a \
href=#attr-input-pattern>pattern</a></code>, @@ -49348,7 +49347,7 @@
<p>The following common <code><a href=#the-input-element>input</a></code> element \
content attributes, IDL attributes, and methods apply to the element:
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code title=attr-input-list><a href=#attr-input-list>list</a></code>, <code \
title=attr-input-max><a href=#attr-input-max>max</a></code>, <code \
title=attr-input-min><a href=#attr-input-min>min</a></code>, and @@ -49369,14 \
+49368,14 @@ <code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code class=no-backref \
title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, <code class=no-backref \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code>, <code \
class=no-backref title=attr-input-pattern><a \
href=#attr-input-pattern>pattern</a></code>, @@ -49512,7 +49511,7 @@
<p>The following common <code><a href=#the-input-element>input</a></code> element \
content attributes, IDL attributes, and methods apply to the element:
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code> and + <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code> and \
<code title=attr-input-list><a href=#attr-input-list>list</a></code> content \
attributes; <code title=dom-input-list><a href=#dom-input-list>list</a></code> and
<code title=dom-input-value><a href=#dom-input-value>value</a></code> IDL \
attributes.</p> @@ -49527,14 +49526,14 @@
<code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code class=no-backref \
title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, <code \
class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, <code class=no-backref \
title=attr-input-min><a href=#attr-input-min>min</a></code>, @@ -49640,15 +49639,15 \
@@ apply</a> to the element:
<code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>,
- <code class=no-backref title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, + \
<code class=no-backref title=attr-fe-dirname><a \
href=#attr-fe-dirname>dirname</a></code>, <code class=no-backref \
title=attr-fs-formaction><a href=#attr-fs-formaction>formaction</a></code>, <code \
class=no-backref title=attr-fs-formenctype><a \
href=#attr-fs-formenctype>formenctype</a></code>, <code class=no-backref \
title=attr-fs-formmethod><a href=#attr-fs-formmethod>formmethod</a></code>, <code \
class=no-backref title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-list><a href=#attr-input-list>list</a></code>, \
<code class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, \
<code class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, @@ -49781,15 +49780,15 @@
apply</a> to the element:
<code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>,
- <code class=no-backref title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, + \
<code class=no-backref title=attr-fe-dirname><a \
href=#attr-fe-dirname>dirname</a></code>, <code class=no-backref \
title=attr-fs-formaction><a href=#attr-fs-formaction>formaction</a></code>, <code \
class=no-backref title=attr-fs-formenctype><a \
href=#attr-fs-formenctype>formenctype</a></code>, <code class=no-backref \
title=attr-fs-formmethod><a href=#attr-fs-formmethod>formmethod</a></code>, <code \
class=no-backref title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-list><a href=#attr-input-list>list</a></code>, \
<code class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, \
<code class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, @@ -50013,16 +50012,16 @@
<p>The following content attributes must not be specified and <a \
href=#do-not-apply>do not apply</a> to the element:
<code class=no-backref title=attr-input-alt><a \
href=#attr-input-alt>alt</a></code>,
- <code class=no-backref title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code class=no-backref \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code class=no-backref title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-list><a href=#attr-input-list>list</a></code>, \
<code class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, \
<code class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, @@ -50115,11 +50114,11 @@
apply</a> to the element:
<code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>,
- <code class=no-backref title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code class=no-backref \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code class=no-backref title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-list><a href=#attr-input-list>list</a></code>, \
<code class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, \
<code class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, @@ -50355,10 +50354,10 @@
<p>The following content attributes must not be specified and <a \
href=#do-not-apply>do not apply</a> to the element:
<code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>,
- <code class=no-backref title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code class=no-backref \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code class=no-backref title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, + <code \
class=no-backref title=attr-fe-inputmode><a \
href=#attr-fe-inputmode>inputmode</a></code>, <code class=no-backref \
title=attr-input-list><a href=#attr-input-list>list</a></code>, <code \
class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, <code \
class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, @@ -50456,16 +50455,16 @@
apply</a> to the element:
<code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>,
- <code class=no-backref title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code class=no-backref \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code class=no-backref title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-list><a href=#attr-input-list>list</a></code>, \
<code class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, \
<code class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, @@ -50540,16 +50539,16 @@
apply</a> to the element:
<code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>,
- <code class=no-backref title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code class=no-backref \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code class=no-backref title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-list><a href=#attr-input-list>list</a></code>, \
<code class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, \
<code class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, @@ -50629,211 +50628,60 @@
</div>
- <h6 id=the-autocomplete-attribute><span class=secno>4.10.7.3.1 </span>The <code \
title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code> attribute</h6> + <h6 \
id=the-maxlength-attribute><span class=secno>4.10.7.3.1 </span>The <code \
title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code> \
attribute</h6>
- <p>The <dfn id=attr-input-autocomplete \
title=attr-input-autocomplete><code>autocomplete</code></dfn>
- attribute, when it applies, is a <a href=#attr-fe-autocomplete \
title=attr-fe-autocomplete>form control <code title="">autocomplete</code> \
attribute</a>.</p> + <p>The <dfn id=attr-input-maxlength \
title=attr-input-maxlength><code>maxlength</code></dfn> + attribute<span \
class=impl>, when it applies,</span> is a <a href=#attr-fe-maxlength \
title=attr-fe-maxlength>form control <code title="">maxlength</code> \
attribute</a><span class=impl> + controlled by the <code><a \
href=#the-input-element>input</a></code> element's <a \
href=#concept-input-value-dirty-flag title=concept-input-value-dirty-flag>dirty value \
+ flag</a></span>.</p>
- <div class=example>
+ <p>If the <code><a href=#the-input-element>input</a></code> element has a <a \
href=#maximum-allowed-value-length>maximum allowed + value length</a>, then the <a \
href=#code-unit-length>code-unit length</a> of the + value of the element's <code \
title=attr-input-value><a href=#attr-input-value>value</a></code> + attribute must \
be equal to or less than the element's <a href=#maximum-allowed-value-length>maximum \
+ allowed value length</a>.</p>
- <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>
-
-
- <h6 id=the-dirname-attribute><span class=secno>4.10.7.3.2 </span>The <code \
title=attr-input-dirname><a href=#attr-input-dirname>dirname</a></code> \
attribute</h6>
-
- <p>The <dfn id=attr-input-dirname \
title=attr-input-dirname><code>dirname</code></dfn>
- attribute, when it applies, is a <a href=#form-control-dirname-attribute>form \
control <code title="">dirname</code> attribute</a>.</p>
-
<div class=example>
- <p>In this example, a form contains a text field and a submission
- button:</p>
+ <p>The following extract shows how a messaging client's text entry
+ could be arbitrarily restricted to a fixed number of characters,
+ thus forcing any conversation through this medium to be terse and
+ discouraging intelligent discourse.</p>
- <pre><form action="addcomment.cgi" method=post>
- <p><label>Comment: <input type=text name="comment" \
dirname="comment.dir" required></label></p>
- <p><button name="mode" type=submit value="add">Post \
Comment</button></p>
-</form></pre>
+ <pre><label>What are you doing? <input name=status \
maxlength=140></label></pre>
- <p>When the user submits the form, the user agent includes three
- fields, one called "comment", one called "comment.dir", and one
- called "mode"; so if the user types "Hello", the submission body
- might be something like:</p>
-
- <pre>comment=Hello&<strong>comment.dir=ltr</strong>&mode=add</pre>
-
- <p>If the user manually switches to a right-to-left writing
- direction and enters "<span dir=rtl lang=ar \
title="">مرحبًا</span>", the
- submission body might be something like:</p>
-
- <pre>comment=%D9%85%D8%B1%D8%AD%D8%A8%D9%8B%D8%A7&<strong>comment.dir=rtl</strong>&mode=add</pre>
-
</div>
- <h6 id=the-inputmode-attribute><span class=secno>4.10.7.3.3 </span>The <code \
title=attr-input-inputmode><a href=#attr-input-inputmode>inputmode</a></code> \
attribute</h6> + <h6 id=the-size-attribute><span class=secno>4.10.7.3.2 </span>The \
<code title=attr-input-size><a href=#attr-input-size>size</a></code> attribute</h6>
- <p>The <dfn id=attr-input-inputmode \
title=attr-input-inputmode><code>inputmode</code></dfn> attribute,
- when it applies, is a <a href=#attr-inputmode title=attr-inputmode>form control
- <code title="">inputmode</code> attribute</a>.</p>
+ <p>The <dfn id=attr-input-size title=attr-input-size><code>size</code></dfn>
+ attribute gives the number of characters that, in a visual
+ rendering, the user agent is to allow the user to see while editing
+ the element's <a href=#concept-fe-value title=concept-fe-value>value</a>.</p>
+ <p>The <code title=attr-input-size><a href=#attr-input-size>size</a></code> \
attribute, if + specified, must have a value that is a <a \
href=#valid-non-negative-integer>valid non-negative + integer</a> greater than \
zero.</p>
- <h6 id=the-list-attribute><span class=secno>4.10.7.3.4 </span>The <code \
title=attr-input-list><a href=#attr-input-list>list</a></code> \
attribute</h6>
-
- <p>The <dfn id=attr-input-list title=attr-input-list><code>list</code></dfn>
- attribute is used to identify an element that lists predefined
- options suggested to the user.</p>
-
- <p>If present, its value must be the <a href=#concept-id title=concept-id>ID</a> \
of a <code><a href=#the-datalist-element>datalist</a></code> element \
in
- the same document.</p>
-
<div class=impl>
- <p>The <dfn id=concept-input-list title=concept-input-list>suggestions source
- element</dfn> is the first element in the document in <a href=#tree-order>tree
- order</a> to have an <a href=#concept-id title=concept-id>ID</a> equal to
- the value of the <code title=attr-input-list><a \
href=#attr-input-list>list</a></code>
- attribute, if that element is a <code><a \
href=#the-datalist-element>datalist</a></code> element. If
- there is no <code title=attr-input-list><a href=#attr-input-list>list</a></code> \
attribute, or
- if there is no element with that <a href=#concept-id title=concept-id>ID</a>,
- or if the first element with that <a href=#concept-id title=concept-id>ID</a>
- is not a <code><a href=#the-datalist-element>datalist</a></code> element, then \
there is no <a href=#concept-input-list title=concept-input-list>suggestions source \
element</a>.</p> + <p>If the attribute is present, then its value must be parsed \
using + the <a href=#rules-for-parsing-non-negative-integers>rules for parsing \
non-negative integers</a>, and if the + result is a number greater than zero, then \
the user agent should + ensure that at least that many characters are visible.</p>
- <p>If there is a <a href=#concept-input-list title=concept-input-list>suggestions \
source
- element</a>, then, when the user agent is allowing the user to
- edit the <code><a href=#the-input-element>input</a></code> element's <a \
href=#concept-fe-value title=concept-fe-value>value</a>, the user \
agent should offer
- the suggestions represented by the <a href=#concept-input-list \
title=concept-input-list>suggestions source element</a> to the
- user in a manner suitable for the type of control used. The user
- agent may use the suggestion's <a href=#concept-option-label \
title=concept-option-label>label</a> to identify the suggestion
- if appropriate.</p>
+ <p>The <code title=dom-input-size><a href=#dom-input-size>size</a></code> IDL \
attribute is + <a href=#limited-to-only-non-negative-numbers-greater-than-zero>limited \
to only non-negative numbers greater than + zero</a> and has a default value of \
20.</p>
- <p>How user selections of suggestions are handled depends on whether
- the element is a control accepting a single value only, or whether
- it accepts multiple values:</p>
-
- <dl class=switch><dt>If the element does not have a <code \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code> attribute \
specified or
- if the <code title=attr-input-multiple><a \
href=#attr-input-multiple>multiple</a></code> attribute
- does not apply</dt>
-
- <dd>
-
- <p>When the user selects a suggestion, the <code><a \
href=#the-input-element>input</a></code>
- element's <a href=#concept-fe-value title=concept-fe-value>value</a> must be set
- to the selected suggestion's <a href=#concept-option-value \
title=concept-option-value>value</a>, as if the user had
- written that value himself.</p>
-
- </dd>
-
- <dt>If the element <em>does</em> have a <code title=attr-input-multiple><a \
href=#attr-input-multiple>multiple</a></code> attribute specified,
- and the <code title=attr-input-multiple><a \
href=#attr-input-multiple>multiple</a></code> attribute
- does apply</dt>
-
- <dd>
-
- <p>When the user selects a suggestion, the user agent must either
- add a new entry to the <code><a href=#the-input-element>input</a></code> \
element's <a href=#concept-fe-values title=concept-fe-values>value<em>s</em></a>, \
whose value is
- the selected suggestion's <a href=#concept-option-value \
title=concept-option-value>value</a>, or change an existing
- entry in the <code><a href=#the-input-element>input</a></code> element's <a \
href=#concept-fe-values title=concept-fe-values>value<em>s</em></a> \
to have the value
- given by the selected suggestion's <a href=#concept-option-value \
title=concept-option-value>value</a>, as if the user had
- himself added an entry with that value, or edited an existing
- entry to be that value. Which behavior is to be applied depends on
- the user interface in a user-agent-defined manner.</p>
-
- </dd>
-
- </dl><hr><p>If the <code title=attr-input-list><a \
href=#attr-input-list>list</a></code> attribute does
- not apply, there is no <a href=#concept-input-list \
title=concept-input-list>suggestions
- source element</a>.</p>
-
</div>
- <div class=example>
- <p>This URL field offers some suggestions.</p>
- <pre><label>Homepage: <input name=hp type=url \
list=hpurls></label>
-<datalist id=hpurls>
- <option value="http://www.google.com/" label="Google">
- <option value="http://www.reddit.com/" label="Reddit">
-</datalist></pre>
+ <h6 id=the-readonly-attribute><span class=secno>4.10.7.3.3 </span>The <code \
title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> \
attribute</h6>
- <p>Other URLs from the user's history might show also; this is up
- to the user agent.</p>
-
- </div>
-
- <div class=example>
-
- <p>This example demonstrates how to design a form that uses the
- autocompletion list feature while still degrading usefully in
- legacy user agents.</p>
-
- <p>If the autocompletion list is merely an aid, and is not
- important to the content, then simply using a <code><a \
href=#the-datalist-element>datalist</a></code>
- element with children <code><a href=#the-option-element>option</a></code> \
elements is enough. To
- prevent the values from being rendered in legacy user agents, they
- need to be placed inside the <code title=attr-option-value><a \
href=#attr-option-value>value</a></code> attribute instead of
- inline.</p>
-
- <pre><p>
- <label>
- Enter a breed:
- <input type="text" name="breed" list="breeds">
- <datalist id="breeds">
- <option value="Abyssinian">
- <option value="Alpaca">
- <!-- ... -->
- </datalist>
- </label>
-</p></pre>
-
- <p>However, if the values need to be shown in legacy UAs, then
- fallback content can be placed inside the <code><a \
href=#the-datalist-element>datalist</a></code>
- element, as follows:</p>
-
- <pre><p>
- <label>
- Enter a breed:
- <input type="text" name="breed" list="breeds">
- </label>
- <datalist id="breeds">
- <label>
- or select one from the list:
- <select name="breed">
- <option value=""> (none selected)
- <option>Abyssinian
- <option>Alpaca
- <!-- ... -->
- </select>
- </label>
- </datalist>
-</p>
-</pre>
-
- <p>The fallback content will only be shown in UAs that don't
- support <code><a href=#the-datalist-element>datalist</a></code>. The options, on \
the other hand, will
- be detected by all UAs, even though they are not children of the
- <code><a href=#the-datalist-element>datalist</a></code> element.</p>
-
- <p>Note that if an <code><a href=#the-option-element>option</a></code> element \
used in a
- <code><a href=#the-datalist-element>datalist</a></code> is <code \
title=attr-option-selected><a href=#attr-option-selected>selected</a></code>, it will \
be selected
- by default by legacy UAs (because it affects the
- <code><a href=#the-select-element>select</a></code>), but it will not have any \
effect on the
- <code><a href=#the-input-element>input</a></code> element in UAs that support
- <code><a href=#the-datalist-element>datalist</a></code>.</p>
-
- </div>
-
-
-
- <h6 id=the-readonly-attribute><span class=secno>4.10.7.3.5 </span>The <code \
title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> \
attribute</h6>
-
<p>The <dfn id=attr-input-readonly \
title=attr-input-readonly><code>readonly</code></dfn> attribute is a <a \
href=#boolean-attribute>boolean attribute</a> that controls whether or not the user \
can edit the form control. <span class=impl>When @@ -50881,34 +50729,8 @@
- <h6 id=the-size-attribute><span class=secno>4.10.7.3.6 </span>The <code \
title=attr-input-size><a href=#attr-input-size>size</a></code> attribute</h6> + <h6 \
id=the-required-attribute><span class=secno>4.10.7.3.4 </span>The <code \
title=attr-input-required><a href=#attr-input-required>required</a></code> \
attribute</h6>
- <p>The <dfn id=attr-input-size title=attr-input-size><code>size</code></dfn>
- attribute gives the number of characters that, in a visual
- rendering, the user agent is to allow the user to see while editing
- the element's <a href=#concept-fe-value title=concept-fe-value>value</a>.</p>
-
- <p>The <code title=attr-input-size><a href=#attr-input-size>size</a></code> \
attribute, if
- specified, must have a value that is a <a href=#valid-non-negative-integer>valid \
non-negative
- integer</a> greater than zero.</p>
-
- <div class=impl>
-
- <p>If the attribute is present, then its value must be parsed using
- the <a href=#rules-for-parsing-non-negative-integers>rules for parsing \
non-negative integers</a>, and if the
- result is a number greater than zero, then the user agent should
- ensure that at least that many characters are visible.</p>
-
- <p>The <code title=dom-input-size><a href=#dom-input-size>size</a></code> IDL \
attribute is
- <a href=#limited-to-only-non-negative-numbers-greater-than-zero>limited to only \
non-negative numbers greater than
- zero</a> and has a default value of 20.</p>
-
- </div>
-
-
-
- <h6 id=the-required-attribute><span class=secno>4.10.7.3.7 </span>The <code \
title=attr-input-required><a href=#attr-input-required>required</a></code> \
attribute</h6>
-
<p>The <dfn id=attr-input-required \
title=attr-input-required><code>required</code></dfn> attribute is a <a \
href=#boolean-attribute>boolean attribute</a>. When specified, the element is <dfn \
id=concept-input-required title=concept-input-required><i>required</i></dfn>.</p> @@ \
-50950,7 +50772,7 @@ </div>
- <h6 id=the-multiple-attribute><span class=secno>4.10.7.3.8 </span>The <code \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code> \
attribute</h6> + <h6 id=the-multiple-attribute><span class=secno>4.10.7.3.5 \
</span>The <code title=attr-input-multiple><a \
href=#attr-input-multiple>multiple</a></code> attribute</h6>
<p>The <dfn id=attr-input-multiple \
title=attr-input-multiple><code>multiple</code></dfn> attribute is a <a \
href=#boolean-attribute>boolean attribute</a> that indicates whether @@ -51003,34 \
+50825,9 @@ </div>
- <h6 id=the-maxlength-attribute><span class=secno>4.10.7.3.9 </span>The <code \
title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code> \
attribute</h6>
- <p>The <dfn id=attr-input-maxlength \
title=attr-input-maxlength><code>maxlength</code></dfn>
- attribute<span class=impl>, when it applies,</span> is a <a \
href=#attr-fe-maxlength title=attr-fe-maxlength>form control <code \
title="">maxlength</code> attribute</a><span class=impl>
- controlled by the <code><a href=#the-input-element>input</a></code> element's <a \
href=#concept-input-value-dirty-flag \
title=concept-input-value-dirty-flag>dirty value
- flag</a></span>.</p>
+ <h6 id=the-pattern-attribute><span class=secno>4.10.7.3.6 </span>The <code \
title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code> \
attribute</h6>
- <p>If the <code><a href=#the-input-element>input</a></code> element has a <a \
href=#maximum-allowed-value-length>maximum allowed
- value length</a>, then the <a href=#code-unit-length>code-unit length</a> of the
- value of the element's <code title=attr-input-value><a \
href=#attr-input-value>value</a></code>
- attribute must be equal to or less than the element's <a \
href=#maximum-allowed-value-length>maximum
- allowed value length</a>.</p>
-
- <div class=example>
-
- <p>The following extract shows how a messaging client's text entry
- could be arbitrarily restricted to a fixed number of characters,
- thus forcing any conversation through this medium to be terse and
- discouraging intelligent discourse.</p>
-
- <pre><label>What are you doing? <input name=status \
maxlength=140></label></pre>
-
- </div>
-
-
-
- <h6 id=the-pattern-attribute><span class=secno>4.10.7.3.10 </span>The <code \
title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code> \
attribute</h6>
-
<p>The <dfn id=attr-input-pattern \
title=attr-input-pattern><code>pattern</code></dfn> attribute specifies a regular \
expression against which the control's <a href=#concept-fe-value \
title=concept-fe-value>value</a>, or, when the <code title=attr-input-multiple><a \
href=#attr-input-multiple>multiple</a></code> attribute applies and is @@ -51117,7 \
+50914,7 @@
- <h6 id=the-min-and-max-attributes><span class=secno>4.10.7.3.11 </span>The <code \
title=attr-input-min><a href=#attr-input-min>min</a></code> and <code \
title=attr-input-max><a href=#attr-input-max>max</a></code> attributes</h6> + <h6 \
id=the-min-and-max-attributes><span class=secno>4.10.7.3.7 </span>The <code \
title=attr-input-min><a href=#attr-input-min>min</a></code> and <code \
title=attr-input-max><a href=#attr-input-max>max</a></code> attributes</h6>
<p>The <dfn id=attr-input-min title=attr-input-min><code>min</code></dfn> and <dfn \
id=attr-input-max title=attr-input-max><code>max</code></dfn> attributes indicate \
the allowed range of values for the element.</p> @@ -51198,7 +50995,7 @@
</div>
- <h6 id=the-step-attribute><span class=secno>4.10.7.3.12 </span>The <code \
title=attr-input-step><a href=#attr-input-step>step</a></code> attribute</h6> + <h6 \
id=the-step-attribute><span class=secno>4.10.7.3.8 </span>The <code \
title=attr-input-step><a href=#attr-input-step>step</a></code> attribute</h6>
<p>The <dfn id=attr-input-step title=attr-input-step><code>step</code></dfn>
attribute indicates the granularity that is expected (and required)
@@ -51284,9 +51081,156 @@
+ <h6 id=the-list-attribute><span class=secno>4.10.7.3.9 </span>The <code \
title=attr-input-list><a href=#attr-input-list>list</a></code> attribute</h6>
- <h6 id=the-placeholder-attribute><span class=secno>4.10.7.3.13 </span>The <code \
title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code> \
attribute</h6> + <p>The <dfn id=attr-input-list \
title=attr-input-list><code>list</code></dfn> + attribute is used to identify an \
element that lists predefined + options suggested to the user.</p>
+ <p>If present, its value must be the <a href=#concept-id title=concept-id>ID</a> \
of a <code><a href=#the-datalist-element>datalist</a></code> element in + the same \
document.</p> +
+ <div class=impl>
+
+ <p>The <dfn id=concept-input-list title=concept-input-list>suggestions source
+ element</dfn> is the first element in the document in <a href=#tree-order>tree
+ order</a> to have an <a href=#concept-id title=concept-id>ID</a> equal to
+ the value of the <code title=attr-input-list><a \
href=#attr-input-list>list</a></code> + attribute, if that element is a <code><a \
href=#the-datalist-element>datalist</a></code> element. If + there is no <code \
title=attr-input-list><a href=#attr-input-list>list</a></code> attribute, or + if \
there is no element with that <a href=#concept-id title=concept-id>ID</a>, + or if \
the first element with that <a href=#concept-id title=concept-id>ID</a> + is not a \
<code><a href=#the-datalist-element>datalist</a></code> element, then there is no <a \
href=#concept-input-list title=concept-input-list>suggestions source element</a>.</p> \
+ + <p>If there is a <a href=#concept-input-list \
title=concept-input-list>suggestions source + element</a>, then, when the user agent \
is allowing the user to + edit the <code><a href=#the-input-element>input</a></code> \
element's <a href=#concept-fe-value title=concept-fe-value>value</a>, the user agent \
should offer + the suggestions represented by the <a href=#concept-input-list \
title=concept-input-list>suggestions source element</a> to the + user in a manner \
suitable for the type of control used. The user + agent may use the suggestion's <a \
href=#concept-option-label title=concept-option-label>label</a> to identify the \
suggestion + if appropriate.</p>
+
+ <p>How user selections of suggestions are handled depends on whether
+ the element is a control accepting a single value only, or whether
+ it accepts multiple values:</p>
+
+ <dl class=switch><dt>If the element does not have a <code \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code> attribute \
specified or + if the <code title=attr-input-multiple><a \
href=#attr-input-multiple>multiple</a></code> attribute + does not apply</dt>
+
+ <dd>
+
+ <p>When the user selects a suggestion, the <code><a \
href=#the-input-element>input</a></code> + element's <a href=#concept-fe-value \
title=concept-fe-value>value</a> must be set + to the selected suggestion's <a \
href=#concept-option-value title=concept-option-value>value</a>, as if the user had + \
written that value himself.</p> +
+ </dd>
+
+ <dt>If the element <em>does</em> have a <code title=attr-input-multiple><a \
href=#attr-input-multiple>multiple</a></code> attribute specified, + and the <code \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code> attribute \
+ does apply</dt> +
+ <dd>
+
+ <p>When the user selects a suggestion, the user agent must either
+ add a new entry to the <code><a href=#the-input-element>input</a></code> \
element's <a href=#concept-fe-values title=concept-fe-values>value<em>s</em></a>, \
whose value is + the selected suggestion's <a href=#concept-option-value \
title=concept-option-value>value</a>, or change an existing + entry in the \
<code><a href=#the-input-element>input</a></code> element's <a \
href=#concept-fe-values title=concept-fe-values>value<em>s</em></a> to have the value \
+ given by the selected suggestion's <a href=#concept-option-value \
title=concept-option-value>value</a>, as if the user had + himself added an entry \
with that value, or edited an existing + entry to be that value. Which behavior is \
to be applied depends on + the user interface in a user-agent-defined manner.</p>
+
+ </dd>
+
+ </dl><hr><p>If the <code title=attr-input-list><a \
href=#attr-input-list>list</a></code> attribute does + not apply, there is no <a \
href=#concept-input-list title=concept-input-list>suggestions + source \
element</a>.</p> +
+ </div>
+
+ <div class=example>
+
+ <p>This URL field offers some suggestions.</p>
+
+ <pre><label>Homepage: <input name=hp type=url \
list=hpurls></label> +<datalist id=hpurls>
+ <option value="http://www.google.com/" label="Google">
+ <option value="http://www.reddit.com/" label="Reddit">
+</datalist></pre>
+
+ <p>Other URLs from the user's history might show also; this is up
+ to the user agent.</p>
+
+ </div>
+
+ <div class=example>
+
+ <p>This example demonstrates how to design a form that uses the
+ autocompletion list feature while still degrading usefully in
+ legacy user agents.</p>
+
+ <p>If the autocompletion list is merely an aid, and is not
+ important to the content, then simply using a <code><a \
href=#the-datalist-element>datalist</a></code> + element with children <code><a \
href=#the-option-element>option</a></code> elements is enough. To + prevent the \
values from being rendered in legacy user agents, they + need to be placed inside \
the <code title=attr-option-value><a href=#attr-option-value>value</a></code> \
attribute instead of + inline.</p>
+
+ <pre><p>
+ <label>
+ Enter a breed:
+ <input type="text" name="breed" list="breeds">
+ <datalist id="breeds">
+ <option value="Abyssinian">
+ <option value="Alpaca">
+ <!-- ... -->
+ </datalist>
+ </label>
+</p></pre>
+
+ <p>However, if the values need to be shown in legacy UAs, then
+ fallback content can be placed inside the <code><a \
href=#the-datalist-element>datalist</a></code> + element, as follows:</p>
+
+ <pre><p>
+ <label>
+ Enter a breed:
+ <input type="text" name="breed" list="breeds">
+ </label>
+ <datalist id="breeds">
+ <label>
+ or select one from the list:
+ <select name="breed">
+ <option value=""> (none selected)
+ <option>Abyssinian
+ <option>Alpaca
+ <!-- ... -->
+ </select>
+ </label>
+ </datalist>
+</p>
+</pre>
+
+ <p>The fallback content will only be shown in UAs that don't
+ support <code><a href=#the-datalist-element>datalist</a></code>. The options, on \
the other hand, will + be detected by all UAs, even though they are not children of \
the + <code><a href=#the-datalist-element>datalist</a></code> element.</p>
+
+ <p>Note that if an <code><a href=#the-option-element>option</a></code> element \
used in a + <code><a href=#the-datalist-element>datalist</a></code> is <code \
title=attr-option-selected><a href=#attr-option-selected>selected</a></code>, it will \
be selected + by default by legacy UAs (because it affects the
+ <code><a href=#the-select-element>select</a></code>), but it will not have any \
effect on the + <code><a href=#the-input-element>input</a></code> element in UAs \
that support + <code><a href=#the-datalist-element>datalist</a></code>.</p>
+
+ </div>
+
+
+
+ <h6 id=the-placeholder-attribute><span class=secno>4.10.7.3.10 </span>The <code \
title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code> \
attribute</h6> +
<!-- similar text in the <textarea> section -->
<p>The <dfn id=attr-input-placeholder \
title=attr-input-placeholder><code>placeholder</code></dfn> @@ -52725,10 +52669,10 @@
<dd><a href=#global-attributes>Global attributes</a></dd>
<dd><code title=attr-fe-autofocus><a \
href=#attr-fe-autofocus>autofocus</a></code></dd> <dd><code \
title=attr-textarea-cols><a \
href=#attr-textarea-cols>cols</a></code></dd>
- <dd><code title=attr-textarea-dirname><a \
href=#attr-textarea-dirname>dirname</a></code></dd> + <dd><code \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code></dd> <dd><code \
title=attr-fe-disabled><a href=#attr-fe-disabled>disabled</a></code></dd> <dd><code \
title=attr-fae-form><a href=#attr-fae-form>form</a></code></dd>
- <dd><code title=attr-textarea-inputmode><a \
href=#attr-textarea-inputmode>inputmode</a></code></dd> + <dd><code \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code></dd> \
<dd><code title=attr-textarea-maxlength><a \
href=#attr-textarea-maxlength>maxlength</a></code></dd> <dd><code \
title=attr-fe-name><a href=#attr-fe-name>name</a></code></dd> <dd><code \
title=attr-textarea-placeholder><a \
href=#attr-textarea-placeholder>placeholder</a></code></dd> @@ -53019,21 +52963,15 @@
</div>
- <p>The <dfn id=attr-textarea-dirname \
title=attr-textarea-dirname><code>dirname</code></dfn>
- attribute is a <a href=#form-control-dirname-attribute>form control <code \
title="">dirname</code>
- attribute</a>.</p>
+ <p>
+ The <code title=attr-fe-name><a href=#attr-fe-name>name</a></code> attribute \
represents the element's name. + The <code title=attr-fe-dirname><a \
href=#attr-fe-dirname>dirname</a></code> attribute controls how the element's <a \
href=#the-directionality title="the directionality">directionality</a> is submitted. \
+ The <code title=attr-fe-disabled><a href=#attr-fe-disabled>disabled</a></code> \
attribute is used to make the control non-interactive and to prevent its value from \
being submitted. + The <code title=attr-fae-form><a \
href=#attr-fae-form>form</a></code> attribute is used to explicitly associate the \
<code><a href=#the-textarea-element>textarea</a></code> element with its <a \
href=#form-owner>form owner</a>. + The <code title=attr-fe-autofocus><a \
href=#attr-fe-autofocus>autofocus</a></code> attribute controls focus. + The <code \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code> attribute \
controls the user interface's input modality for the control. + </p>
- <p>The <dfn id=attr-textarea-inputmode \
title=attr-textarea-inputmode><code>inputmode</code></dfn>
- attribute is a <a href=#attr-inputmode title=attr-inputmode>form control <code \
title="">inputmode</code> attribute</a>.</p>
-
- <p>The <code title=attr-fae-form><a href=#attr-fae-form>form</a></code> attribute \
is used to
- explicitly associate the <code><a href=#the-textarea-element>textarea</a></code> \
element with its
- <a href=#form-owner>form owner</a>. The <code title=attr-fe-name><a \
href=#attr-fe-name>name</a></code>
- attribute represents the element's name. The <code title=attr-fe-disabled><a \
href=#attr-fe-disabled>disabled</a></code> attribute is used to make
- the control non-interactive and to prevent its value from being
- submitted. The <code title=attr-fe-autofocus><a \
href=#attr-fe-autofocus>autofocus</a></code>
- attribute controls focus.</p>
-
<!--TOPIC:DOM APIs-->
<dl class=domintro><dt><var title="">textarea</var> . <code \
title=attr-textarea-type>type</code></dt>
@@ -53062,9 +53000,9 @@
to only non-negative numbers greater than zero</a>. The <code \
title=dom-textarea-cols><a href=#dom-textarea-cols>cols</a></code> attribute's \
default value is 20. The <code title=dom-textarea-rows><a \
href=#dom-textarea-rows>rows</a></code> attribute's default value is 2. The <dfn \
id=dom-textarea-dirname \
title=dom-textarea-dirName><code>dirName</code></dfn> IDL
- attribute must <a href=#reflect>reflect</a> the <code \
title=attr-textarea-dirname><a href=#attr-textarea-dirname>dirname</a></code> content \
attribute. The + attribute must <a href=#reflect>reflect</a> the <code \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code> content attribute. \
The <dfn id=dom-textarea-inputmode \
title=dom-textarea-inputMode><code>inputMode</code></dfn> IDL
- attribute must <a href=#reflect>reflect</a> the <code \
title=attr-textarea-inputmode><a href=#attr-textarea-inputmode>inputmode</a></code> \
content attribute, + attribute must <a href=#reflect>reflect</a> the <code \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code> content \
attribute, <a href=#limited-to-only-known-values>limited to only known values</a>. \
The <dfn id=dom-textarea-maxlength \
title=dom-textarea-maxLength><code>maxLength</code></dfn> IDL attribute must <a \
href=#reflect>reflect</a> the <code title=attr-textarea-maxlength><a \
href=#attr-textarea-maxlength>maxlength</a></code> content attribute, <a \
href=#limited-to-only-non-negative-numbers>limited to only non-negative numbers</a>. \
The <dfn id=dom-textarea-readonly \
title=dom-textarea-readOnly><code>readOnly</code></dfn> IDL @@ -53127,7 +53065,7 @@
<pre><p>If you have any comments, please let us know: <textarea cols=80 \
name=comments>You rock!</textarea></p></pre>
<p>To have the browser submit <a href=#the-directionality>the directionality</a> \
of
- the element along with the value, the <code title=attr-textarea-dirname><a \
href=#attr-textarea-dirname>dirname</a></code> attribute can be + the element along \
with the value, the <code title=attr-fe-dirname><a \
href=#attr-fe-dirname>dirname</a></code> attribute can be specified:</p>
<pre><p>If you have any comments, please let us know (you may use either \
English or Hebrew for your comments): @@ -54154,8 +54092,6 @@
<h4 id=form-control-infrastructure><span class=secno>4.10.18 </span>Form control \
infrastructure</h4>
- <div class=impl>
-
<h5 id="a-form-control's-value"><span class=secno>4.10.18.1 </span>A form \
control's value</h5>
<p>Form controls have a <dfn id=concept-fe-value \
title=concept-fe-value>value</dfn> @@ -54167,9 +54103,7 @@
the <code><a href=#the-input-element>input</a></code> element's <code \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code> attribute, \
<code><a href=#the-input-element>input</a></code> elements can also have separately \
defined <dfn id=concept-fe-values title=concept-fe-values>value<em>s</em></dfn>.</p> \
- </div>
-
<h5 id=association-of-controls-and-forms><span class=secno>4.10.18.2 \
</span>Association of controls and forms</h5>
<p>A <a href=#form-associated-element>form-associated element</a> can have a \
relationship @@ -54369,119 +54303,43 @@
</div>
- <h5 id=enabling-and-disabling-form-controls:-the-disabled-attribute><span \
class=secno>4.10.19.2 </span>Enabling and disabling form controls: the <code \
title=attr-fe-disabled><a href=#attr-fe-disabled>disabled</a></code> attribute</h5> + \
<h5 id=submitting-element-directionality:-the-dirname-attribute><span \
class=secno>4.10.19.2 </span>Submitting element directionality: the <code \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code> attribute</h5>
- <p>The <dfn id=attr-fe-disabled title=attr-fe-disabled><code>disabled</code></dfn>
- content attribute is a <a href=#boolean-attribute>boolean attribute</a>.</p>
+ <p>The <dfn id=attr-fe-dirname title=attr-fe-dirname><code>dirname</code></dfn> \
attribute + on a form control element enables the submission of <a \
href=#the-directionality>the + directionality</a> of the element, and gives the name \
of the + field that contains this value during <a href=#form-submission>form \
submission</a>. + If such an attribute is specified, its value must not be the empty
+ string.</p>
- <p>A form control is <dfn id=concept-fe-disabled \
title=concept-fe-disabled>disabled</dfn>
- if its <code title=attr-fe-disabled><a href=#attr-fe-disabled>disabled</a></code> \
attribute is
- set, or if it is a descendant of a <code><a \
href=#the-fieldset-element>fieldset</a></code> element
- whose <code title=attr-fieldset-disabled><a \
href=#attr-fieldset-disabled>disabled</a></code> attribute
- is set and is <em>not</em> a descendant of that
- <code><a href=#the-fieldset-element>fieldset</a></code> element's first <code><a \
href=#the-legend-element>legend</a></code> element
- child, if any.</p>
+ <div class=example>
- <div class=impl>
+ <p>In this example, a form contains a text field and a submission
+ button:</p>
- <p>A form control that is <a href=#concept-fe-disabled \
title=concept-fe-disabled>disabled</a> must prevent any <code title=event-click><a \
href=#event-click>click</a></code> events that are <a \
href=#queue-a-task title="queue
- a task">queued</a> on the <a href=#user-interaction-task-source>user interaction \
task
- source</a> from being dispatched on the element.</p>
+ <pre><form action="addcomment.cgi" method=post>
+ <p><label>Comment: <input type=text name="comment" \
dirname="comment.dir" required></label></p> + <p><button \
name="mode" type=submit value="add">Post Comment</button></p> \
+</form></pre>
- <p><strong>Constraint validation</strong>: If an element is <a \
href=#concept-fe-disabled title=concept-fe-disabled>disabled</a>, it is <a \
href=#barred-from-constraint-validation>barred from
- constraint validation</a>.</p>
+ <p>When the user submits the form, the user agent includes three
+ fields, one called "comment", one called "comment.dir", and one
+ called "mode"; so if the user types "Hello", the submission body
+ might be something like:</p>
- <p>The <dfn id=dom-fe-disabled title=dom-fe-disabled><code>disabled</code></dfn> \
IDL
- attribute must <a href=#reflect>reflect</a> the <code title=attr-fe-disabled><a \
href=#attr-fe-disabled>disabled</a></code> content attribute.</p> + \
<pre>comment=Hello&<strong>comment.dir=ltr</strong>&mode=add</pre>
- </div>
+ <p>If the user manually switches to a right-to-left writing
+ direction and enters "<span dir=rtl lang=ar \
title="">مرحبًا</span>", the + submission body \
might be something like:</p>
+ <pre>comment=%D9%85%D8%B1%D8%AD%D8%A8%D9%8B%D8%A7&<strong>comment.dir=rtl</strong>&mode=add</pre>
- <h5 id=autofocusing-a-form-control:-the-autofocus-attribute><span \
class=secno>4.10.19.3 </span>Autofocusing a form control: the <code \
title=attr-fe-autofocus><a href=#attr-fe-autofocus>autofocus</a></code> \
attribute</h5>
-
- <!-- v2: Apply this to contentEditable elements -->
-
- <p>The <dfn id=attr-fe-autofocus \
title=attr-fe-autofocus><code>autofocus</code></dfn>
- content attribute allows the author to indicate that a control is to
- be focused as soon as the page is loaded, allowing the user to just
- start typing without having to manually focus the main control.</p>
-
- <p>The <code title=attr-fe-autofocus><a \
href=#attr-fe-autofocus>autofocus</a></code> attribute is
- a <a href=#boolean-attribute>boolean attribute</a>.</p>
-
- <p>There must not be more than one element in the document with the
- <code title=attr-fe-autofocus><a href=#attr-fe-autofocus>autofocus</a></code> \
attribute
- specified.</p>
-
- <div class=impl>
-
- <p>When an element with the <code title=attr-fe-autofocus><a \
href=#attr-fe-autofocus>autofocus</a></code> attribute specified is
- <a href=#insert-an-element-into-a-document title="insert an element into a \
document">inserted into a
- document</a>, user agents should run the following steps:</p>
-
- <ol><li><p>Let <var title="">target</var> be the element's
- <code><a href=#document>Document</a></code>.</li>
-
- <li><p>If <var title="">target</var> has no <a href=#browsing-context>browsing
- context</a>, abort these steps.</li>
-
- <li><p>If <var title="">target</var>'s <a href=#browsing-context>browsing
- context</a> has no <a href=#top-level-browsing-context>top-level browsing \
context</a> (e.g.
- it is a <a href=#nested-browsing-context>nested browsing context</a> with no <a \
href=#parent-browsing-context>parent
- browsing context</a>), abort these steps.</li>
-
- <li><p>If <var title="">target</var>'s <a href=#active-sandboxing-flag-set>active \
sandboxing
- flag set</a> has the <a \
href=#sandboxed-automatic-features-browsing-context-flag>sandboxed \
automatic features
- browsing context flag</a>, abort these steps.</li>
-
- <li><p>If <var title="">target</var>'s <a href=#origin>origin</a> is not
- the <a href=#same-origin title="same origin">same</a> as the
- <a href=#origin>origin</a> of the <code><a href=#document>Document</a></code> of \
the currently
- focused element in <var title="">target</var>'s <a \
href=#top-level-browsing-context>top-level
- browsing context</a>, abort these steps.</li>
-
- <li><p>If <var title="">target</var>'s <a href=#origin>origin</a> is not
- the <a href=#same-origin title="same origin">same</a> as the
- <a href=#origin>origin</a> of the <a href=#active-document>active document</a> of \
<var title="">target</var>'s <a href=#top-level-browsing-context>top-level browsing \
context</a>,
- abort these steps.</li>
-
- <li><p>If the user agent has already reached the last step of this
- list of steps in response to an element being <a \
href=#insert-an-element-into-a-document title="insert
- an element into a document">inserted</a> into a
- <code><a href=#document>Document</a></code> whose <a \
href=#top-level-browsing-context>top-level browsing
- context</a>'s <a href=#active-document>active document</a> is the same as <var \
title="">target</var>'s <a href=#top-level-browsing-context>top-level browsing \
context</a>'s
- <a href=#active-document>active document</a>, abort these steps.</li>
-
- <li><p>If the user has indicated (for example, by starting to type
- in a form control) that he does not wish focus to be changed, then
- optionally abort these steps.</li>
-
- <li><p><a href=#queue-a-task>Queue a task</a> that checks to see if the element
- is <a href=#focusable>focusable</a>, and if so, runs the <a \
href=#focusing-steps>focusing
- steps</a> for that element. User agents may also change the
- scrolling position of the document, or perform some other action
- that brings the element to the user's attention. The <a href=#task-source>task
- source</a> for this task is the <a href=#dom-manipulation-task-source>DOM \
manipulation task
- source</a>.</li>
-
- </ol><p class=note>Focusing the control does not imply that the user
- agent must focus the browser window if it has lost focus.</p>
-
- <p>The <dfn id=dom-fe-autofocus \
title=dom-fe-autofocus><code>autofocus</code></dfn>
- IDL attribute must <a href=#reflect>reflect</a> the content attribute of the
- same name.</p>
-
</div>
- <div class=example>
- <p>In the following snippet, the text control would be focused when
- the document was loaded.</p>
- <pre><input maxlength="256" name="q" value="" autofocus>
-<input type="submit" value="Search"></pre>
- </div>
- <h5 id=limiting-user-input-length:-the-maxlength-attribute><span \
class=secno>4.10.19.4 </span>Limiting user input length: the <code \
title=attr-fe-maxlength><a href=#attr-fe-maxlength>maxlength</a></code> \
attribute</h5> + <h5 id=limiting-user-input-length:-the-maxlength-attribute><span \
class=secno>4.10.19.3 </span>Limiting user input length: the <code \
title=attr-fe-maxlength><a href=#attr-fe-maxlength>maxlength</a></code> \
attribute</h5>
<p>A <dfn id=attr-fe-maxlength title=attr-fe-maxlength>form control <code \
title="">maxlength</code> attribute</dfn>, controlled by a <var title="">dirty value \
flag</var>, declares a limit on the number of characters a user can input.</p>
@@ -54513,7 +54371,34 @@
</div>
+ <h5 id=enabling-and-disabling-form-controls:-the-disabled-attribute><span \
class=secno>4.10.19.4 </span>Enabling and disabling form controls: the <code \
title=attr-fe-disabled><a href=#attr-fe-disabled>disabled</a></code> attribute</h5>
+ <p>The <dfn id=attr-fe-disabled title=attr-fe-disabled><code>disabled</code></dfn>
+ content attribute is a <a href=#boolean-attribute>boolean attribute</a>.</p>
+
+ <p>A form control is <dfn id=concept-fe-disabled \
title=concept-fe-disabled>disabled</dfn> + if its <code title=attr-fe-disabled><a \
href=#attr-fe-disabled>disabled</a></code> attribute is + set, or if it is a \
descendant of a <code><a href=#the-fieldset-element>fieldset</a></code> element + \
whose <code title=attr-fieldset-disabled><a \
href=#attr-fieldset-disabled>disabled</a></code> attribute + is set and is \
<em>not</em> a descendant of that + <code><a \
href=#the-fieldset-element>fieldset</a></code> element's first <code><a \
href=#the-legend-element>legend</a></code> element + child, if any.</p>
+
+ <div class=impl>
+
+ <p>A form control that is <a href=#concept-fe-disabled \
title=concept-fe-disabled>disabled</a> must prevent any <code title=event-click><a \
href=#event-click>click</a></code> events that are <a href=#queue-a-task title="queue \
+ a task">queued</a> on the <a href=#user-interaction-task-source>user interaction \
task + source</a> from being dispatched on the element.</p>
+
+ <p><strong>Constraint validation</strong>: If an element is <a \
href=#concept-fe-disabled title=concept-fe-disabled>disabled</a>, it is <a \
href=#barred-from-constraint-validation>barred from + constraint validation</a>.</p>
+
+ <p>The <dfn id=dom-fe-disabled title=dom-fe-disabled><code>disabled</code></dfn> \
IDL + attribute must <a href=#reflect>reflect</a> the <code \
title=attr-fe-disabled><a href=#attr-fe-disabled>disabled</a></code> content \
attribute.</p> +
+ </div>
+
+
<h5 id=form-submission-0><span class=secno>4.10.19.5 </span>Form submission</h5>
<p><dfn id=attributes-for-form-submission>Attributes for form submission</dfn> can \
be specified both @@ -54673,114 +54558,98 @@
</div>
- <h5 id=submitting-element-directionality:-the-dirname-attribute><span \
class=secno>4.10.19.6 </span>Submitting element directionality: the <code title="form \
control dirname attribute"><a href=#form-control-dirname-attribute>dirname</a></code> \
attribute</h5> + <h5 id=autofocusing-a-form-control:-the-autofocus-attribute><span \
class=secno>4.10.19.6 </span>Autofocusing a form control: the <code \
title=attr-fe-autofocus><a href=#attr-fe-autofocus>autofocus</a></code> \
attribute</h5>
- <p>A <dfn id=form-control-dirname-attribute>form control <code \
title="">dirname</code> attribute</dfn>
- on a form control element enables the submission of <a \
href=#the-directionality>the
- directionality</a> of the element, and gives the name of the
- field that contains this value during <a href=#form-submission>form \
submission</a>.
- If such an attribute is specified, its value must not be the empty
- string.</p>
+ <!-- v2: Apply this to contentEditable elements -->
+ <p>The <dfn id=attr-fe-autofocus \
title=attr-fe-autofocus><code>autofocus</code></dfn> + content attribute allows the \
author to indicate that a control is to + be focused as soon as the page is loaded, \
allowing the user to just + start typing without having to manually focus the main \
control.</p>
- <h5 id=autofilling-form-controls:-the-autocomplete-attribute><span \
class=secno>4.10.19.7 </span>Autofilling form controls: the <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code> \
attribute</h5> + <p>The <code title=attr-fe-autofocus><a \
href=#attr-fe-autofocus>autofocus</a></code> attribute is + a <a \
href=#boolean-attribute>boolean attribute</a>.</p>
- <p>User agents sometimes have features for helping users fill forms
- in, for example prefilling the user's address based on earlier user
- input.</p>
+ <p>There must not be more than one element in the document with the
+ <code title=attr-fe-autofocus><a href=#attr-fe-autofocus>autofocus</a></code> \
attribute + specified.</p>
- <p>A <dfn id=attr-fe-autocomplete title=attr-fe-autocomplete>form control <code \
title="">autocomplete</code> attribute</dfn> on a form control is an
- <a href=#enumerated-attribute>enumerated attribute</a>. The attribute has three \
states.
- The <code title=attr-fe-autocomplete-on>on</code> keyword maps to
- the <dfn id=attr-fe-autocomplete-automatic-state \
title=attr-fe-autocomplete-automatic-state>automatic</dfn> state,
- and the <code title=attr-fe-autocomplete-off>off</code> keyword
- maps to the <dfn id=attr-fe-autocomplete-off-state \
title=attr-fe-autocomplete-off-state>off</dfn>
- state. The attribute may also be omitted. The <i>missing value
- default</i> is the <dfn id=attr-fe-autocomplete-default-state \
title=attr-fe-autocomplete-default-state>default</dfn> state.</p> + <div class=impl>
- <p>The <a href=#attr-fe-autocomplete-off-state \
title=attr-fe-autocomplete-off-state>off</a>
- state 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>When an element with the <code title=attr-fe-autofocus><a \
href=#attr-fe-autofocus>autofocus</a></code> attribute specified is + <a \
href=#insert-an-element-into-a-document title="insert an element into a \
document">inserted into a + document</a>, user agents should run the following \
steps:</p>
- <p>Conversely, the <a href=#attr-fe-autocomplete-automatic-state \
title=attr-fe-autocomplete-automatic-state>automatic</a> state
- indicates that the value is not particularly sensitive and the user
- can expect to be able to rely on his user agent to remember values
- he has entered for that control.</p>
+ <ol><li><p>Let <var title="">target</var> be the element's
+ <code><a href=#document>Document</a></code>.</li>
- <p>The <a href=#attr-fe-autocomplete-default-state \
title=attr-fe-autocomplete-default-state>default</a> state
- indicates that the user agent is to use the <code title=attr-form-autocomplete><a \
href=#attr-form-autocomplete>autocomplete</a></code> attribute on the
- element's <a href=#form-owner>form owner</a> instead. (By default, the <code \
title=attr-form-autocomplete><a href=#attr-form-autocomplete>autocomplete</a></code> \
attribute of
- <code><a href=#the-form-element>form</a></code> elements is in the <a \
href=#attr-form-autocomplete-automatic-state \
title=attr-form-autocomplete-automatic-state>on</a> state.)</p> + <li><p>If <var \
title="">target</var> has no <a href=#browsing-context>browsing + context</a>, \
abort these steps.</li>
- <div class=impl>
+ <li><p>If <var title="">target</var>'s <a href=#browsing-context>browsing
+ context</a> has no <a href=#top-level-browsing-context>top-level browsing \
context</a> (e.g. + it is a <a href=#nested-browsing-context>nested browsing \
context</a> with no <a href=#parent-browsing-context>parent + browsing \
context</a>), abort these steps.</li>
- <p>Each form control defined to have a <a href=#attr-fe-autocomplete \
title=attr-fe-autocomplete>form control <code title="">autocomplete</code> \
attribute</a> has a <dfn id=resulting-autocompletion-state>resulting
- autocompletion state</dfn>, which is either <i title="">automatic</i> or <i \
title="">off</i>.</p> + <li><p>If <var title="">target</var>'s <a \
href=#active-sandboxing-flag-set>active sandboxing + flag set</a> has the <a \
href=#sandboxed-automatic-features-browsing-context-flag>sandboxed automatic features \
+ browsing context flag</a>, abort these steps.</li>
- <p>When such a form control is in one of the following conditions,
- its <a href=#resulting-autocompletion-state>resulting autocompletion state</a> is \
<i title="">automatic</i>; otherwise, the its <a \
href=#resulting-autocompletion-state>resulting
- autocompletion state</a> is <i title="">off</i>:</p>
+ <li><p>If <var title="">target</var>'s <a href=#origin>origin</a> is not
+ the <a href=#same-origin title="same origin">same</a> as the
+ <a href=#origin>origin</a> of the <code><a href=#document>Document</a></code> of \
the currently + focused element in <var title="">target</var>'s <a \
href=#top-level-browsing-context>top-level + browsing context</a>, abort these \
steps.</li>
- <ul class=brief><li>Its <code title=attr-fe-autocomplete><a \
href=#attr-fe-autocomplete>autocomplete</a></code>
- attribute is in the <a href=#attr-fe-autocomplete-automatic-state \
title=attr-fe-autocomplete-automatic-state>automatic</a>
- state.</li>
+ <li><p>If <var title="">target</var>'s <a href=#origin>origin</a> is not
+ the <a href=#same-origin title="same origin">same</a> as the
+ <a href=#origin>origin</a> of the <a href=#active-document>active document</a> of \
<var title="">target</var>'s <a href=#top-level-browsing-context>top-level browsing \
context</a>, + abort these steps.</li>
- <li>Its <code title=attr-fe-autocomplete><a \
href=#attr-fe-autocomplete>autocomplete</a></code>
- attribute is in the <a href=#attr-fe-autocomplete-default-state \
title=attr-fe-autocomplete-default-state>default</a> state,
- and the element has no <a href=#form-owner>form owner</a>.</li>
+ <li><p>If the user agent has already reached the last step of this
+ list of steps in response to an element being <a \
href=#insert-an-element-into-a-document title="insert + an element into a \
document">inserted</a> into a + <code><a href=#document>Document</a></code> whose \
<a href=#top-level-browsing-context>top-level browsing + context</a>'s <a \
href=#active-document>active document</a> is the same as <var title="">target</var>'s \
<a href=#top-level-browsing-context>top-level browsing context</a>'s + <a \
href=#active-document>active document</a>, abort these steps.</li>
- <li>Its <code title=attr-fe-autocomplete><a \
href=#attr-fe-autocomplete>autocomplete</a></code>
- attribute is in the <a href=#attr-fe-autocomplete-default-state \
title=attr-fe-autocomplete-default-state>default</a> state,
- and the element's <a href=#form-owner>form owner</a>'s <code \
title=attr-form-autocomplete><a href=#attr-form-autocomplete>autocomplete</a></code> \
attribute is in
- the <a href=#attr-form-autocomplete-automatic-state \
title=attr-form-autocomplete-automatic-state>automatic</a>
- state.</li>
+ <li><p>If the user has indicated (for example, by starting to type
+ in a form control) that he does not wish focus to be changed, then
+ optionally abort these steps.</li>
- </ul><p>When a form control's <a href=#resulting-autocompletion-state>resulting \
autocompletion state</a>
- is <i title="">automatic</i>, the user agent may store the value
- entered or selected by the user so that if the user returns to the
- page, the UA can prefill the form. Otherwise, the user agent should
- not remember the control's <a href=#concept-fe-value \
title=concept-fe-value>value</a>, and should not offer past
- values to the user.</p>
+ <li><p><a href=#queue-a-task>Queue a task</a> that checks to see if the element
+ is <a href=#focusable>focusable</a>, and if so, runs the <a \
href=#focusing-steps>focusing + steps</a> for that element. User agents may also \
change the + scrolling position of the document, or perform some other action
+ that brings the element to the user's attention. The <a href=#task-source>task
+ source</a> for this task is the <a href=#dom-manipulation-task-source>DOM \
manipulation task + source</a>.</li>
- <p>In addition, if the <a href=#resulting-autocompletion-state>resulting \
autocompletion state</a>
- is <i title="">off</i>, <a href=#history-autocomplete>values are
- reset</a> when <a href=#traverse-the-history title="traverse the \
history">traversing the
- history</a>.</p>
+ </ol><p class=note>Focusing the control does not imply that the user
+ agent must focus the browser window if it has lost focus.</p>
- <p>The autocompletion mechanism must be implemented by the user
- agent acting as if the user had modified the element's <a href=#concept-fe-value \
title=concept-fe-value>value</a>, and must be done at a time
- where the element is <i title=concept-input-mutable><a \
href=#concept-input-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 title="stop parsing">stops
- parsing</a>).</p> <!-- XXX only input elements have
- concept-input-mutable -->
+ <p>The <dfn id=dom-fe-autofocus \
title=dom-fe-autofocus><code>autofocus</code></dfn> + IDL attribute must <a \
href=#reflect>reflect</a> the content attribute of the + same name.</p>
- <p>A user agent may allow the user to override the <a \
href=#resulting-autocompletion-state>resulting
- autocompletion state</a> and set it to always <i title="">on</i>,
- always allowing values to be remembered and prefilled, or always <i \
title="">off</i>, never remembering values. However, user agents
- should not allow users to trivially override the <a \
href=#resulting-autocompletion-state>resulting
- autocompletion state</a> to <i title="">on</i>, as there are
- significant security implications for the user if all values are
- always remembered, regardless of the site's preferences.</p>
+ </div>
+ <div class=example>
+ <p>In the following snippet, the text control would be focused when
+ the document was loaded.</p>
+ <pre><input maxlength="256" name="q" value="" autofocus>
+<input type="submit" value="Search"></pre>
</div>
+ <h5 id=input-modalities:-the-inputmode-attribute><span class=secno>4.10.19.7 \
</span>Input modalities: the <code title=attr-fe-inputmode><a \
href=#attr-fe-inputmode>inputmode</a></code> attribute</h5>
- <h5 id=input-modalities:-the-inputmode-attribute><span class=secno>4.10.19.8 \
</span>Input modalities: the <code title=attr-inputmode><a \
href=#attr-inputmode>inputmode</a></code> attribute</h5>
-
<!-- v2: Apply this to contentEditable elements -->
- <p>A <dfn id=attr-inputmode title=attr-inputmode>form control <code \
title="">inputmode</code> attribute</dfn> on a form control element
- is an <a href=#enumerated-attribute>enumerated attribute</a> that specifies what \
kind of
- input mechanism would be most helpful for users entering content
- into the form control.</p>
+ <p>The <dfn id=attr-fe-inputmode \
title=attr-fe-inputmode><code>inputmode</code></dfn> + content attribute is an <a \
href=#enumerated-attribute>enumerated attribute</a> that + specifies what kind of \
input mechanism would be most helpful for + users entering content into the form \
control.</p>
<div class=impl>
@@ -54792,11 +54661,11 @@
<p class=note>For example, if a user agent with a QWERTY keyboard
layout does not support text prediction and automatic
- capitalization, then it could treat the <code \
title=attr-inputmode-keyword-latin-prose><a \
href=#attr-inputmode-keyword-latin-prose>latin-prose</a></code>
- keyword in the same way as the <code title=attr-inputmode-keyword-verbatim><a \
href=#attr-inputmode-keyword-verbatim>verbatim</a></code> keyword,
- following the chain <a href=#attr-inputmode-state-latin-prose \
title=attr-inputmode-state-latin-prose>Latin Prose</a> →
- <a href=#attr-inputmode-state-latin title=attr-inputmode-state-latin>Latin \
Text</a> →
- <a href=#attr-inputmode-state-verbatim title=attr-inputmode-state-verbatim>Latin
+ capitalization, then it could treat the <code \
title=attr-fe-inputmode-keyword-latin-prose><a \
href=#attr-fe-inputmode-keyword-latin-prose>latin-prose</a></code> + keyword in the \
same way as the <code title=attr-fe-inputmode-keyword-verbatim><a \
href=#attr-fe-inputmode-keyword-verbatim>verbatim</a></code> keyword, + following \
the chain <a href=#attr-fe-inputmode-state-latin-prose \
title=attr-fe-inputmode-state-latin-prose>Latin Prose</a> → + <a \
href=#attr-fe-inputmode-state-latin title=attr-fe-inputmode-state-latin>Latin \
Text</a> → + <a href=#attr-fe-inputmode-state-verbatim \
title=attr-fe-inputmode-state-verbatim>Latin Verbatim</a>.</p>
</div>
@@ -54812,74 +54681,74 @@
<th> Fallback state
<th> Description
- <tbody><tr><td> <dfn id=attr-inputmode-keyword-verbatim \
title=attr-inputmode-keyword-verbatim><code>verbatim</code></dfn>
- <td> <dfn id=attr-inputmode-state-verbatim \
title=attr-inputmode-state-verbatim>Latin Verbatim</dfn>
- <td> <a href=#attr-inputmode-state-default \
title=attr-inputmode-state-default>Default</a> + <tbody><tr><td> <dfn \
id=attr-fe-inputmode-keyword-verbatim \
title=attr-fe-inputmode-keyword-verbatim><code>verbatim</code></dfn> + <td> <dfn \
id=attr-fe-inputmode-state-verbatim title=attr-fe-inputmode-state-verbatim>Latin \
Verbatim</dfn> + <td> <a href=#attr-fe-inputmode-state-default \
title=attr-fe-inputmode-state-default>Default</a>
<td> Alphanumeric Latin-script input of non-prose content, e.g. usernames, \
passwords, product codes.
- <tr><td> <dfn id=attr-inputmode-keyword-latin \
title=attr-inputmode-keyword-latin><code>latin</code></dfn>
- <td> <dfn id=attr-inputmode-state-latin title=attr-inputmode-state-latin>Latin \
Text</dfn>
- <td> <a href=#attr-inputmode-state-verbatim \
title=attr-inputmode-state-verbatim>Latin Verbatim</a> + <tr><td> <dfn \
id=attr-fe-inputmode-keyword-latin \
title=attr-fe-inputmode-keyword-latin><code>latin</code></dfn> + <td> <dfn \
id=attr-fe-inputmode-state-latin title=attr-fe-inputmode-state-latin>Latin Text</dfn> \
+ <td> <a href=#attr-fe-inputmode-state-verbatim \
title=attr-fe-inputmode-state-verbatim>Latin Verbatim</a> <td> Latin-script input in \
the user's preferred language(s), with some typing aids enabled (e.g. text \
prediction). Intended for human-to-computer communications, e.g. free-form text \
search fields.
- <tr><td> <dfn id=attr-inputmode-keyword-latin-prose \
title=attr-inputmode-keyword-latin-prose><code>latin-prose</code></dfn>
- <td> <dfn id=attr-inputmode-state-latin-prose \
title=attr-inputmode-state-latin-prose>Latin Prose</dfn>
- <td> <a href=#attr-inputmode-state-latin title=attr-inputmode-state-latin>Latin \
Text</a> + <tr><td> <dfn id=attr-fe-inputmode-keyword-latin-prose \
title=attr-fe-inputmode-keyword-latin-prose><code>latin-prose</code></dfn> + <td> \
<dfn id=attr-fe-inputmode-state-latin-prose \
title=attr-fe-inputmode-state-latin-prose>Latin Prose</dfn> + <td> <a \
href=#attr-fe-inputmode-state-latin title=attr-fe-inputmode-state-latin>Latin \
Text</a> <td> Latin-script input in the user's preferred language(s), with \
aggressive typing aids intended for human-to-human communications enabled (e.g. text \
prediction and automatic capitalisation at the start of sentences). Intended for \
situations such as e-mails and instant messaging.
- <tr><td> <dfn id=attr-inputmode-keyword-full-width-latin \
title=attr-inputmode-keyword-full-width-latin><code>full-width-latin</code></dfn>
- <td> <dfn id=attr-inputmode-state-full-width-latin \
title=attr-inputmode-state-full-width-latin>Full-width Latin</dfn>
- <td> <a href=#attr-inputmode-state-latin title=attr-inputmode-state-latin>Latin \
Prose</a> + <tr><td> <dfn id=attr-fe-inputmode-keyword-full-width-latin \
title=attr-fe-inputmode-keyword-full-width-latin><code>full-width-latin</code></dfn> \
+ <td> <dfn id=attr-fe-inputmode-state-full-width-latin \
title=attr-fe-inputmode-state-full-width-latin>Full-width Latin</dfn> + <td> <a \
href=#attr-fe-inputmode-state-latin title=attr-fe-inputmode-state-latin>Latin \
Prose</a> <td> Latin-script input in the user's secondary language(s), using \
full-width characters, with aggressive typing aids intended for human-to-human \
communications enabled (e.g. text prediction and automatic capitalisation at the \
start of sentences). Intended for latin text embedded inside CJK text.
- <tr><td> <dfn id=attr-inputmode-keyword-kana \
title=attr-inputmode-keyword-kana><code>kana</code></dfn>
- <td> <dfn id=attr-inputmode-state-kana \
title=attr-inputmode-state-kana>Kana</dfn>
- <td> <a href=#attr-inputmode-state-default \
title=attr-inputmode-state-default>Default</a> + <tr><td> <dfn \
id=attr-fe-inputmode-keyword-kana \
title=attr-fe-inputmode-keyword-kana><code>kana</code></dfn> + <td> <dfn \
id=attr-fe-inputmode-state-kana title=attr-fe-inputmode-state-kana>Kana</dfn> + \
<td> <a href=#attr-fe-inputmode-state-default \
title=attr-fe-inputmode-state-default>Default</a>
<td> Kana or romaji input, typically hiragana input, using full-width \
characters, with support for converting to kanji. Intended for Japanese text input.
- <tr><td> <dfn id=attr-inputmode-keyword-katakana \
title=attr-inputmode-keyword-katakana><code>katakana</code></dfn>
- <td> <dfn id=attr-inputmode-state-katakana \
title=attr-inputmode-state-katakana>Katakana</dfn>
- <td> <a href=#attr-inputmode-state-kana \
title=attr-inputmode-state-kana>Kana</a> + <tr><td> <dfn \
id=attr-fe-inputmode-keyword-katakana \
title=attr-fe-inputmode-keyword-katakana><code>katakana</code></dfn> + <td> <dfn \
id=attr-fe-inputmode-state-katakana \
title=attr-fe-inputmode-state-katakana>Katakana</dfn> + <td> <a \
href=#attr-fe-inputmode-state-kana \
title=attr-fe-inputmode-state-kana>Kana</a>
<td> Katakana input, using full-width characters, with support for converting \
to kanji. Intended for Japanese text input.
<!-- See comment on \
https://plus.google.com/u/0/107429617152575897589/posts/WwVmKNjcZ4p <tr>
- <td> <dfn title="attr-inputmode-keyword-half-width-katakana"><code>half-width-katakana</code></dfn>
- <td> <dfn title="attr-inputmode-state-half-width-katakana">Half-width \
Katakana</dfn>
- <td> <span title="attr-inputmode-state-katakana">Katakana</span>
+ <td> <dfn title="attr-fe-inputmode-keyword-half-width-katakana"><code>half-width-katakana</code></dfn>
+ <td> <dfn title="attr-fe-inputmode-state-half-width-katakana">Half-width \
Katakana</dfn> + <td> <span \
title="attr-fe-inputmode-state-katakana">Katakana</span>
<td> Katakana input, using half-width characters, with support for converting \
to kanji. Intended for Japanese text input.
-->
- <tr><td> <dfn id=attr-inputmode-keyword-numeric \
title=attr-inputmode-keyword-numeric><code>numeric</code></dfn>
- <td> <dfn id=attr-inputmode-state-numeric \
title=attr-inputmode-state-numeric>Numeric</dfn>
- <td> <a href=#attr-inputmode-state-default \
title=attr-inputmode-state-default>Default</a> + <tr><td> <dfn \
id=attr-fe-inputmode-keyword-numeric \
title=attr-fe-inputmode-keyword-numeric><code>numeric</code></dfn> + <td> <dfn \
id=attr-fe-inputmode-state-numeric \
title=attr-fe-inputmode-state-numeric>Numeric</dfn> + <td> <a \
href=#attr-fe-inputmode-state-default \
title=attr-fe-inputmode-state-default>Default</a> <td> Numeric input, including keys \
for the digits 0 to 9, the user's preferred thousands separator character, and the \
character for indicating negative numbers. Intended for prices, dates, times.
- <tr><td> <dfn id=attr-inputmode-keyword \
title=attr-inputmode-keyword-><code>tel</code></dfn>
- <td> <dfn id=attr-inputmode-state-telephone \
title=attr-inputmode-state-telephone>Telephone</dfn>
- <td> <a href=#attr-inputmode-state-numeric \
title=attr-inputmode-state-numeric>Numeric</a> + <tr><td> <dfn \
id=attr-fe-inputmode-keyword title=attr-fe-inputmode-keyword-><code>tel</code></dfn> \
+ <td> <dfn id=attr-fe-inputmode-state-telephone \
title=attr-fe-inputmode-state-telephone>Telephone</dfn> + <td> <a \
href=#attr-fe-inputmode-state-numeric \
title=attr-fe-inputmode-state-numeric>Numeric</a> <td> Telephone number input, \
including keys for the digits 0 to 9, the "#" character, and the "*" character. In \
some locales, this can also include alphabetic mnemonic labels (e.g. in the US, the \
key labeled "1" is historically also labeled with the letters A, B, and C).
- <tr><td> <dfn id=attr-inputmode-keyword-email \
title=attr-inputmode-keyword-email><code>email</code></dfn>
- <td> <dfn id=attr-inputmode-state-email \
title=attr-inputmode-state-email>E-mail</dfn>
- <td> <a href=#attr-inputmode-state-default \
title=attr-inputmode-state-default>Default</a> + <tr><td> <dfn \
id=attr-fe-inputmode-keyword-email \
title=attr-fe-inputmode-keyword-email><code>email</code></dfn> + <td> <dfn \
id=attr-fe-inputmode-state-email title=attr-fe-inputmode-state-email>E-mail</dfn> + \
<td> <a href=#attr-fe-inputmode-state-default \
title=attr-fe-inputmode-state-default>Default</a>
<td> Text input in the user's locale, with keys for aiding in the input of \
e-mail addresses, such as that for the "@" character and the "." character.
- <tr><td> <dfn id=attr-inputmode-keyword-url \
title=attr-inputmode-keyword-url><code>url</code></dfn>
- <td> <dfn id=attr-inputmode-state-url title=attr-inputmode-state-url>URL</dfn>
- <td> <a href=#attr-inputmode-state-default \
title=attr-inputmode-state-default>Default</a> + <tr><td> <dfn \
id=attr-fe-inputmode-keyword-url \
title=attr-fe-inputmode-keyword-url><code>url</code></dfn> + <td> <dfn \
id=attr-fe-inputmode-state-url title=attr-fe-inputmode-state-url>URL</dfn> + <td> \
<a href=#attr-fe-inputmode-state-default \
title=attr-fe-inputmode-state-default>Default</a> <td> Text input in the user's \
locale, with keys for aiding in the input of Web addresses, such as that for the "/" \
and "." characters and for quick input of strings commonly found in domain names such \
as "www." or ".co.uk".
- </table><p>User agents <span class=impl>must</span> all support the <dfn \
id=attr-inputmode-state-default title=attr-inputmode-state-default>Default</dfn> \
input mode state, + </table><p>User agents <span class=impl>must</span> all support \
the <dfn id=attr-fe-inputmode-state-default \
title=attr-fe-inputmode-state-default>Default</dfn> input mode state, which \
corresponds to the user agent's default input modality. <span class=impl>This \
specification does not define how the user agent's default modality is to \
operate.</span> The <i>missing value
- default</i> is the <a href=#attr-inputmode-state-default \
title=attr-inputmode-state-default>default input mode</a> + default</i> is the <a \
href=#attr-fe-inputmode-state-default title=attr-fe-inputmode-state-default>default \
input mode</a> state.</p>
<div class=impl>
<p>User agents should use the input modality corresponding to the
- state of the <code title=attr-inputmode><a \
href=#attr-inputmode>inputmode</a></code> attribute + state of the <code \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code> attribute \
when exposing a user interface for editing the value of a form control to which the \
attribute applies. An input modality corresponding to a state is one designed to fit \
the description of @@ -54890,6 +54759,105 @@
</div>
+ <h5 id=autofilling-form-controls:-the-autocomplete-attribute><span \
class=secno>4.10.19.8 </span>Autofilling form controls: the <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code> \
attribute</h5> +
+ <p>User agents sometimes have features for helping users fill forms
+ in, for example prefilling the user's address based on earlier user
+ input.</p>
+
+ <p>The <dfn id=attr-fe-autocomplete \
title=attr-fe-autocomplete><code>autocomplete</code></dfn> content + attribute is an \
<a href=#enumerated-attribute>enumerated attribute</a>. The attribute has + three \
states. The <code title=attr-fe-autocomplete-on>on</code> + keyword maps to the <dfn \
id=attr-fe-autocomplete-automatic-state \
title=attr-fe-autocomplete-automatic-state>automatic</dfn> state, + and the <code \
title=attr-fe-autocomplete-off>off</code> keyword + maps to the <dfn \
id=attr-fe-autocomplete-off-state title=attr-fe-autocomplete-off-state>off</dfn> + \
state. The attribute may also be omitted. The <i>missing value + default</i> is the \
<dfn id=attr-fe-autocomplete-default-state \
title=attr-fe-autocomplete-default-state>default</dfn> state.</p> +
+ <p>The <a href=#attr-fe-autocomplete-off-state \
title=attr-fe-autocomplete-off-state>off</a> + state 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>Conversely, the <a href=#attr-fe-autocomplete-automatic-state \
title=attr-fe-autocomplete-automatic-state>automatic</a> state + indicates that the \
value is not particularly sensitive and the user + can expect to be able to rely on \
his user agent to remember values + he has entered for that control.</p>
+
+ <p>The <a href=#attr-fe-autocomplete-default-state \
title=attr-fe-autocomplete-default-state>default</a> state + indicates that the user \
agent is to use the <code title=attr-form-autocomplete><a \
href=#attr-form-autocomplete>autocomplete</a></code> attribute on the + element's <a \
href=#form-owner>form owner</a> instead. (By default, the <code \
title=attr-form-autocomplete><a href=#attr-form-autocomplete>autocomplete</a></code> \
attribute of + <code><a href=#the-form-element>form</a></code> elements is in the <a \
href=#attr-form-autocomplete-automatic-state \
title=attr-form-autocomplete-automatic-state>on</a> state.)</p> +
+ <div class=impl>
+
+ <p>Each form control defined to have a <code title=attr-fe-autocomplete><a \
href=#attr-fe-autocomplete> title="">autocomplete</a></code> attribute + has a \
<dfn id=resulting-autocompletion-state>resulting autocompletion state</dfn>, which is \
either <i title="">automatic</i> or <i title="">off</i>.</p> +
+ <p>When such a form control is in one of the following conditions,
+ its <a href=#resulting-autocompletion-state>resulting autocompletion state</a> is \
<i title="">automatic</i>; otherwise, the its <a \
href=#resulting-autocompletion-state>resulting + autocompletion state</a> is <i \
title="">off</i>:</p> +
+ <ul class=brief><li>Its <code title=attr-fe-autocomplete><a \
href=#attr-fe-autocomplete>autocomplete</a></code> + attribute is in the <a \
href=#attr-fe-autocomplete-automatic-state \
title=attr-fe-autocomplete-automatic-state>automatic</a> + state.</li>
+
+ <li>Its <code title=attr-fe-autocomplete><a \
href=#attr-fe-autocomplete>autocomplete</a></code> + attribute is in the <a \
href=#attr-fe-autocomplete-default-state \
title=attr-fe-autocomplete-default-state>default</a> state, + and the element has \
no <a href=#form-owner>form owner</a>.</li> +
+ <li>Its <code title=attr-fe-autocomplete><a \
href=#attr-fe-autocomplete>autocomplete</a></code> + attribute is in the <a \
href=#attr-fe-autocomplete-default-state \
title=attr-fe-autocomplete-default-state>default</a> state, + and the element's <a \
href=#form-owner>form owner</a>'s <code title=attr-form-autocomplete><a \
href=#attr-form-autocomplete>autocomplete</a></code> attribute is in + the <a \
href=#attr-form-autocomplete-automatic-state \
title=attr-form-autocomplete-automatic-state>automatic</a> + state.</li>
+
+ </ul><p>When a form control's <a href=#resulting-autocompletion-state>resulting \
autocompletion state</a> + is <i title="">automatic</i>, the user agent may store \
the value + entered or selected by the user so that if the user returns to the
+ page, the UA can prefill the form. Otherwise, the user agent should
+ not remember the control's <a href=#concept-fe-value \
title=concept-fe-value>value</a>, and should not offer past + values to the \
user.</p> +
+ <p>In addition, if the <a href=#resulting-autocompletion-state>resulting \
autocompletion state</a> + is <i title="">off</i>, <a \
href=#history-autocomplete>values are + reset</a> when <a href=#traverse-the-history \
title="traverse the history">traversing the + history</a>.</p>
+
+ <p>The autocompletion mechanism must be implemented by the user
+ agent acting as if the user had modified the element's <a href=#concept-fe-value \
title=concept-fe-value>value</a>, and must be done at a time + where the element is \
<i title=concept-input-mutable><a href=#concept-input-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 title="stop parsing">stops + parsing</a>).</p> <!-- XXX \
only input elements have + concept-input-mutable -->
+
+ <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>
+
+ <p>A user agent may allow the user to override the <a \
href=#resulting-autocompletion-state>resulting + autocompletion state</a> and set it \
to always <i title="">on</i>, + always allowing values to be remembered and \
prefilled, or always <i title="">off</i>, never remembering values. However, user \
agents + should not allow users to trivially override the <a \
href=#resulting-autocompletion-state>resulting + autocompletion state</a> to <i \
title="">on</i>, as there are + significant security implications for the user if \
all values are + always remembered, regardless of the site's preferences.</p>
+
+ </div>
+
+
<!--TOPIC:DOM APIs-->
<h4 id=textFieldSelection><span class=secno>4.10.20 </span>APIs for the text field \
selections</h4>
@@ -56328,11 +56296,13 @@
<li>
- <p>If the element has a <a href=#form-control-dirname-attribute>form control \
<code title="">dirname</code> attribute</a>, and that attribute's
- value is not the empty string, then run these substeps:</p>
+ <p>If the element has a <code title=attr-fe-dirname><a \
href=#attr-fe-dirname>dirname</a></code> attribute, and that + attribute's value \
is not the empty string, then run these + substeps:</p>
<ol><li><p>Let <var title="">dirname</var> be the value of the
- element's <code title="">dirname</code> attribute.</li>
+ element's <code title=attr-fe-dirname><a \
href=#attr-fe-dirname>dirname</a></code> + attribute.</li>
<li><p>Let <var title="">dir</var> be the string "<code title="">ltr</code>" \
if <a href=#the-directionality>the directionality</a> of the
element is '<a href=#concept-ltr title=concept-ltr>ltr</a>', and "<code \
title="">rtl</code>" otherwise (i.e. when <a href=#the-directionality>the @@ -56341,8 \
+56311,7 @@ <li><p>Append an entry to the <var title="">form data set</var>
with <var title="">dirname</var> as the name, <var title="">dir</var> as the \
value, and the string "<code title="">direction</code>" as the type.</li>
- </ol><p class=note>An element can only have a <a \
href=#form-control-dirname-attribute>form control
- <code title="">dirname</code> attribute</a> if it is a
+ </ol><p class=note>An element can only have a <code title=attr-fe-dirname><a \
href=#attr-fe-dirname>dirname</a></code> attribute if it is a
<code><a href=#the-textarea-element>textarea</a></code> element or an <code><a \
href=#the-input-element>input</a></code> element
whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> \
attribute is in
either the <a href="#text-(type=text)-state-and-search-state-(type=search)" \
title=attr-input-type-text>Text</a> state @@ -100679,10 +100648,10 @@
<td><a href=#global-attributes title="global attributes">globals</a>;
<code title=attr-input-accept><a href=#attr-input-accept>accept</a></code>;
<code title=attr-input-alt><a href=#attr-input-alt>alt</a></code>;
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>; + <code \
title=attr-fe-autocomplete><a \
href=#attr-fe-autocomplete>autocomplete</a></code>;
<code title=attr-fe-autofocus><a \
href=#attr-fe-autofocus>autofocus</a></code>;
<code title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>;
- <code title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>; + <code title=attr-fe-dirname><a \
href=#attr-fe-dirname>dirname</a></code>;
<code title=attr-fe-disabled><a href=#attr-fe-disabled>disabled</a></code>;
<code title=attr-fae-form><a href=#attr-fae-form>form</a></code>;
<code title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>; @@ -101179,7 +101148,7 @@
<td><a href=#global-attributes title="global attributes">globals</a>;
<code title=attr-fe-autofocus><a \
href=#attr-fe-autofocus>autofocus</a></code>;
<code title=attr-textarea-cols><a href=#attr-textarea-cols>cols</a></code>;
- <code title=attr-textarea-dirname><a \
href=#attr-textarea-dirname>dirname</a></code>; + <code \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>;
<code title=attr-fe-disabled><a href=#attr-fe-disabled>disabled</a></code>;
<code title=attr-fae-form><a href=#attr-fae-form>form</a></code>;
<code title=attr-textarea-maxlength><a \
href=#attr-textarea-maxlength>maxlength</a></code>; @@ -101749,7 +101718,7 @@
<td> <a href=#boolean-attribute>Boolean attribute</a>
<tr><th> <code title="">autocomplete</code>
<td> <code title=attr-form-autocomplete><a \
href=#attr-form-autocomplete>form</a></code>;
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>input</a></code> + <code \
title=attr-fe-autocomplete><a \
href=#attr-fe-autocomplete>input</a></code>
<td> Prevent the user agent from providing autocompletions for the form \
control(s) <td> "<code title="">on</code>"; "<code title="">off</code>"
<tr><th> <code title="">autofocus</code>
@@ -101868,8 +101837,8 @@
<td> <a href=#the-directionality title="the directionality">The text \
directionality</a> of the element <td> "<code title=attr-dir-ltr><a \
href=#attr-dir-ltr>ltr</a></code>"; "<code title=attr-dir-rtl><a \
href=#attr-dir-rtl>rtl</a></code>"; "<code title=attr-dir-auto><a \
href=#attr-dir-auto>auto</a></code>" <tr><th> <code title="">dirname</code>
- <td> <code title=attr-input-dirname><a \
href=#attr-input-dirname>input</a></code>;
- <code title=attr-textarea-dirname><a \
href=#attr-textarea-dirname>textarea</a></code> + <td> <code \
title=attr-fe-dirname><a href=#attr-fe-dirname>input</a></code>; + <code \
title=attr-fe-dirname><a href=#attr-fe-dirname>textarea</a></code> <td> Name of form \
field to use for sending the element's <a href=#the-directionality title="the \
directionality">directionality</a> in <a href=#form-submission>form submission</a> \
<td> <a href=#attribute-text>Text</a>* <tr><th> <code title="">disabled</code>
Modified: index
===================================================================
--- index 2012-07-26 19:10:48 UTC (rev 7208)
+++ index 2012-07-26 22:18:33 UTC (rev 7209)
@@ -701,19 +701,16 @@
<li><a href=#input-impl-notes><span class=secno>4.10.7.2 </span>Implemention \
notes regarding localization of form controls</a></li>
<li><a href=#common-input-element-attributes><span class=secno>4.10.7.3 \
</span>Common <code>input</code> element attributes</a> <ol>
- <li><a href=#the-autocomplete-attribute><span class=secno>4.10.7.3.1 \
</span>The <code title=attr-input-autocomplete>autocomplete</code> \
attribute</a></li>
- <li><a href=#the-dirname-attribute><span class=secno>4.10.7.3.2 </span>The \
<code title=attr-input-dirname>dirname</code> attribute</a></li>
- <li><a href=#the-inputmode-attribute><span class=secno>4.10.7.3.3 \
</span>The <code title=attr-input-inputmode>inputmode</code> \
attribute</a></li>
- <li><a href=#the-list-attribute><span class=secno>4.10.7.3.4 </span>The \
<code title=attr-input-list>list</code> attribute</a></li>
- <li><a href=#the-readonly-attribute><span class=secno>4.10.7.3.5 </span>The \
<code title=attr-input-readonly>readonly</code> attribute</a></li>
- <li><a href=#the-size-attribute><span class=secno>4.10.7.3.6 </span>The \
<code title=attr-input-size>size</code> attribute</a></li>
- <li><a href=#the-required-attribute><span class=secno>4.10.7.3.7 </span>The \
<code title=attr-input-required>required</code> attribute</a></li>
- <li><a href=#the-multiple-attribute><span class=secno>4.10.7.3.8 </span>The \
<code title=attr-input-multiple>multiple</code> attribute</a></li>
- <li><a href=#the-maxlength-attribute><span class=secno>4.10.7.3.9 \
</span>The <code title=attr-input-maxlength>maxlength</code> \
attribute</a></li>
- <li><a href=#the-pattern-attribute><span class=secno>4.10.7.3.10 </span>The \
<code title=attr-input-pattern>pattern</code> attribute</a></li>
- <li><a href=#the-min-and-max-attributes><span class=secno>4.10.7.3.11 \
</span>The <code title=attr-input-min>min</code> and <code \
title=attr-input-max>max</code> attributes</a></li>
- <li><a href=#the-step-attribute><span class=secno>4.10.7.3.12 </span>The \
<code title=attr-input-step>step</code> attribute</a></li>
- <li><a href=#the-placeholder-attribute><span class=secno>4.10.7.3.13 \
</span>The <code title=attr-input-placeholder>placeholder</code> \
attribute</a></ol></li> + <li><a href=#the-maxlength-attribute><span \
class=secno>4.10.7.3.1 </span>The <code title=attr-input-maxlength>maxlength</code> \
attribute</a></li> + <li><a href=#the-size-attribute><span \
class=secno>4.10.7.3.2 </span>The <code title=attr-input-size>size</code> \
attribute</a></li> + <li><a href=#the-readonly-attribute><span \
class=secno>4.10.7.3.3 </span>The <code title=attr-input-readonly>readonly</code> \
attribute</a></li> + <li><a href=#the-required-attribute><span \
class=secno>4.10.7.3.4 </span>The <code title=attr-input-required>required</code> \
attribute</a></li> + <li><a href=#the-multiple-attribute><span \
class=secno>4.10.7.3.5 </span>The <code title=attr-input-multiple>multiple</code> \
attribute</a></li> + <li><a href=#the-pattern-attribute><span \
class=secno>4.10.7.3.6 </span>The <code title=attr-input-pattern>pattern</code> \
attribute</a></li> + <li><a href=#the-min-and-max-attributes><span \
class=secno>4.10.7.3.7 </span>The <code title=attr-input-min>min</code> and <code \
title=attr-input-max>max</code> attributes</a></li> + <li><a \
href=#the-step-attribute><span class=secno>4.10.7.3.8 </span>The <code \
title=attr-input-step>step</code> attribute</a></li> + <li><a \
href=#the-list-attribute><span class=secno>4.10.7.3.9 </span>The <code \
title=attr-input-list>list</code> attribute</a></li> + <li><a \
href=#the-placeholder-attribute><span class=secno>4.10.7.3.10 </span>The <code \
title=attr-input-placeholder>placeholder</code> \
attribute</a></ol></li>
<li><a href=#common-input-element-apis><span class=secno>4.10.7.4 \
</span>Common <code>input</code> element APIs</a></li>
<li><a href=#common-event-behaviors><span class=secno>4.10.7.5 </span>Common \
event behaviors</a></ol></li>
<li><a href=#the-button-element><span class=secno>4.10.8 </span>The \
<code>button</code> element</a></li> @@ -733,13 +730,13 @@
<li><a href=#attributes-common-to-form-controls><span class=secno>4.10.19 \
</span>Attributes common to form controls</a> <ol>
<li><a href=#naming-form-controls:-the-name-attribute><span \
class=secno>4.10.19.1 </span>Naming form controls: the <code \
title=attr-fe-name>name</code> attribute</a></li>
- <li><a href=#enabling-and-disabling-form-controls:-the-disabled-attribute><span \
class=secno>4.10.19.2 </span>Enabling and disabling form controls: the <code \
title=attr-fe-disabled>disabled</code> attribute</a></li>
- <li><a href=#autofocusing-a-form-control:-the-autofocus-attribute><span \
class=secno>4.10.19.3 </span>Autofocusing a form control: the <code \
title=attr-fe-autofocus>autofocus</code> attribute</a></li>
- <li><a href=#limiting-user-input-length:-the-maxlength-attribute><span \
class=secno>4.10.19.4 </span>Limiting user input length: the <code \
title=attr-fe-maxlength>maxlength</code> attribute</a></li> + <li><a \
href=#submitting-element-directionality:-the-dirname-attribute><span \
class=secno>4.10.19.2 </span>Submitting element directionality: the <code \
title=attr-fe-dirname>dirname</code> attribute</a></li> + <li><a \
href=#limiting-user-input-length:-the-maxlength-attribute><span class=secno>4.10.19.3 \
</span>Limiting user input length: the <code title=attr-fe-maxlength>maxlength</code> \
attribute</a></li> + <li><a \
href=#enabling-and-disabling-form-controls:-the-disabled-attribute><span \
class=secno>4.10.19.4 </span>Enabling and disabling form controls: the <code \
title=attr-fe-disabled>disabled</code> attribute</a></li>
<li><a href=#form-submission-0><span class=secno>4.10.19.5 </span>Form \
submission</a></li>
- <li><a href=#submitting-element-directionality:-the-dirname-attribute><span \
class=secno>4.10.19.6 </span>Submitting element directionality: the <code title="form \
control dirname attribute">dirname</code> attribute</a></li>
- <li><a href=#autofilling-form-controls:-the-autocomplete-attribute><span \
class=secno>4.10.19.7 </span>Autofilling form controls: the <code \
title=attr-fe-autocomplete>autocomplete</code> attribute</a></li>
- <li><a href=#input-modalities:-the-inputmode-attribute><span \
class=secno>4.10.19.8 </span>Input modalities: the <code \
title=attr-inputmode>inputmode</code> attribute</a></ol></li> + <li><a \
href=#autofocusing-a-form-control:-the-autofocus-attribute><span \
class=secno>4.10.19.6 </span>Autofocusing a form control: the <code \
title=attr-fe-autofocus>autofocus</code> attribute</a></li> + <li><a \
href=#input-modalities:-the-inputmode-attribute><span class=secno>4.10.19.7 \
</span>Input modalities: the <code title=attr-fe-inputmode>inputmode</code> \
attribute</a></li> + <li><a \
href=#autofilling-form-controls:-the-autocomplete-attribute><span \
class=secno>4.10.19.8 </span>Autofilling form controls: the <code \
title=attr-fe-autocomplete>autocomplete</code> \
attribute</a></ol></li>
<li><a href=#textFieldSelection><span class=secno>4.10.20 </span>APIs for the \
text field selections</a></li>
<li><a href=#constraints><span class=secno>4.10.21 </span>Constraints</a>
<ol>
@@ -45814,10 +45811,10 @@
<dd><a href=#global-attributes>Global attributes</a></dd>
<dd><code title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code></dd> <dd><code title=attr-input-alt><a \
href=#attr-input-alt>alt</a></code></dd>
- <dd><code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code></dd> + <dd><code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code></dd> \
<dd><code title=attr-fe-autofocus><a \
href=#attr-fe-autofocus>autofocus</a></code></dd> <dd><code \
title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code></dd>
- <dd><code title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code></dd> + <dd><code \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code></dd> <dd><code \
title=attr-fe-disabled><a href=#attr-fe-disabled>disabled</a></code></dd> <dd><code \
title=attr-fae-form><a href=#attr-fae-form>form</a></code></dd> <dd><code \
title=attr-fs-formaction><a href=#attr-fs-formaction>formaction</a></code></dd> @@ \
-45826,7 +45823,7 @@ <dd><code title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code></dd> <dd><code \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code></dd> \
<dd><code title=attr-dim-height><a \
href=#attr-dim-height>height</a></code></dd>
- <dd><code title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code></dd> + <dd><code \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code></dd> \
<dd><code title=attr-input-list><a href=#attr-input-list>list</a></code></dd> \
<dd><code title=attr-input-max><a href=#attr-input-max>max</a></code></dd> <dd><code \
title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code></dd> @@ \
-46014,7 +46011,7 @@ <td> A button
</table><p>The <i>missing value default</i> is the <a \
href="#text-(type=text)-state-and-search-state-(type=search)" \
title=attr-input-type-text>Text</a> state.</p>
- <p>Which of the <code title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code title=attr-input-alt><a \
href=#attr-input-alt>alt</a></code>, <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, <code \
title=attr-input-checked><a href=#attr-input-checked>checked</a></code>, <code \
title=attr-input-dirname><a href=#attr-input-dirname>dirname</a></code>, <code \
title=attr-fs-formaction><a href=#attr-fs-formaction>formaction</a></code>, <code \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
title=attr-fs-formmethod><a href=#attr-fs-formmethod>formmethod</a></code>, <code \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
title=attr-dim-height><a href=#attr-dim-height>height</a></code>, <code \
title=attr-input-inputmode><a href=#attr-input-inputmode>inputmode</a></c ode>, \
<code title=attr-input-list><a href=#attr-input-list>list</a></code>, <code \
title=attr-input-max><a href=#attr-input-max>max</a></code>, <code \
title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>, <code \
title=attr-input-min><a href=#attr-input-min>min</a></code>, <code \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code>, <code \
title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>, <code \
title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code>, \
<code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code>, \
<code title=attr-input-required><a href=#attr-input-required>required</a></code>, \
<code title=attr-input-size><a href=#attr-input-size>size</a></code>, <code \
title=attr-input-src><a href=#attr-input-src>src</a></code>, <code \
title=attr-input-step><a href=#attr-input-step>step</a></code>, and <code \
title=attr-dim-width><a href=#attr-dim-width>width</a></code> content attributes, \
the <code title=dom-input-checked><a href=#dom-input-checked>checked</a></code>, \
<code title=dom-input-files><a href=#dom-input-files>files</a></code>, <code \
title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>, \
<code title=dom-input-valueAsNumber><a \
href=#dom-input-valueasnumber>valueAsNumber</a></code>, and <code \
title=dom-input-list><a href=#dom-input-list>list</a></code> IDL attributes, the \
<code title=dom-textarea/input-select><a \
href=#dom-textarea/input-select>select()</a></code> method, the <code \
title=dom-textarea/input-selectionStart><a \
href=#dom-textarea/input-selectionstart>selectionStart</a></code>, + <p>Which of the \
<code title=attr-input-accept><a href=#attr-input-accept>accept</a></code>, <code \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code title=attr-input-checked><a href=#attr-input-checked>checked</a></code>, <code \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
title=attr-fs-formaction><a href=#attr-fs-formaction>formaction</a></code>, <code \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
title=attr-fs-formmethod><a href=#attr-fs-formmethod>formmethod</a></code>, <code \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
title=attr-dim-height><a href=#attr-dim-height>height</a></code>, <code \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code title= \
attr-input-list><a href=#attr-input-list>list</a></code>, <code \
title=attr-input-max><a href=#attr-input-max>max</a></code>, <code \
title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>, <code \
title=attr-input-min><a href=#attr-input-min>min</a></code>, <code \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code>, <code \
title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>, <code \
title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code>, \
<code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code>, \
<code title=attr-input-required><a href=#attr-input-required>required</a></code>, \
<code title=attr-input-size><a href=#attr-input-size>size</a></code>, <code \
title=attr-input-src><a href=#attr-input-src>src</a></code>, <code \
title=attr-input-step><a href=#attr-input-step>step</a></code>, and <code \
title=attr-dim-width><a href=#attr-dim-width>width</a></code> content attribute s, \
the <code title=dom-input-checked><a href=#dom-input-checked>checked</a></code>, \
<code title=dom-input-files><a href=#dom-input-files>files</a></code>, <code \
title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>, \
<code title=dom-input-valueAsNumber><a \
href=#dom-input-valueasnumber>valueAsNumber</a></code>, and <code \
title=dom-input-list><a href=#dom-input-list>list</a></code> IDL attributes, the \
<code title=dom-textarea/input-select><a \
href=#dom-textarea/input-select>select()</a></code> method, the <code \
title=dom-textarea/input-selectionStart><a \
href=#dom-textarea/input-selectionstart>selectionStart</a></code>, <code \
title=dom-textarea/input-selectionEnd><a \
href=#dom-textarea/input-selectionend>selectionEnd</a></code>, and <code \
title=dom-textarea/input-selectionDirection><a \
href=#dom-textarea/input-selectiondirection>selectionDirection</a></code>, IDL \
attributes, the @@ -46105,7 +46102,7 @@
<td class=no> · <!-- Reset Button -->
<!-- <td class="no"> · Button -->
- <tr><th> <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code> + <tr><th> <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code> <td \
class=no> · <!-- Hidden --> <td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
@@ -46153,7 +46150,7 @@
<td class=no> · <!-- Reset Button -->
<!-- <td class="no"> · Button -->
- <tr><th> <code title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code> + <tr><th> <code \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code> <td class=no> \
· <!-- Hidden --> <td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
@@ -46321,7 +46318,7 @@
<td class=no> · <!-- Reset Button -->
<!-- <td class="no"> · Button -->
- <tr><th> <code title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code> + <tr><th> <code \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code> <td \
class=no> · <!-- Hidden --> <td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
@@ -47180,13 +47177,15 @@
</ol></div>
- <hr><p>The <code title=attr-fae-form><a href=#attr-fae-form>form</a></code> \
attribute is used to
- explicitly associate the <code><a href=#the-input-element>input</a></code> element \
with its
- <a href=#form-owner>form owner</a>. The <code title=attr-fe-name><a \
href=#attr-fe-name>name</a></code>
- attribute represents the element's name. The <code title=attr-fe-disabled><a \
href=#attr-fe-disabled>disabled</a></code> attribute is used to make
- the control non-interactive and to prevent its value from being
- submitted. The <code title=attr-fe-autofocus><a \
href=#attr-fe-autofocus>autofocus</a></code>
- attribute controls focus.</p>
+ <hr><p>
+ The <code title=attr-fe-name><a href=#attr-fe-name>name</a></code> attribute \
represents the element's name. + The <code title=attr-fe-dirname><a \
href=#attr-fe-dirname>dirname</a></code> attribute controls how the element's <a \
href=#the-directionality title="the directionality">directionality</a> is submitted. \
+ The <code title=attr-fe-disabled><a href=#attr-fe-disabled>disabled</a></code> \
attribute is used to make the control non-interactive and to prevent its value from \
being submitted. + The <code title=attr-fae-form><a \
href=#attr-fae-form>form</a></code> attribute is used to explicitly associate the \
<code><a href=#the-input-element>input</a></code> element with its <a \
href=#form-owner>form owner</a>. + The <code title=attr-fe-autofocus><a \
href=#attr-fe-autofocus>autofocus</a></code> attribute controls focus. + The <code \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code> attribute \
controls the user interface's input modality for the control. + The <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code> \
attribute controls how the user agent provides autofill behavior. + </p>
<div class=impl>
@@ -47198,7 +47197,7 @@
<p>The <dfn id=dom-input-accept title=dom-input-accept><code>accept</code></dfn>, \
<dfn id=dom-input-alt title=dom-input-alt><code>alt</code></dfn>, <dfn \
id=dom-input-max title=dom-input-max><code>max</code></dfn>, <dfn id=dom-input-min \
title=dom-input-min><code>min</code></dfn>, <dfn id=dom-input-multiple \
title=dom-input-multiple><code>multiple</code></dfn>, <dfn id=dom-input-pattern \
title=dom-input-pattern><code>pattern</code></dfn>, <dfn id=dom-input-placeholder \
title=dom-input-placeholder><code>placeholder</code></dfn>, <dfn \
id=dom-input-required title=dom-input-required><code>required</code></dfn>, <dfn \
id=dom-input-size title=dom-input-size><code>size</code></dfn>, <dfn id=dom-input-src \
title=dom-input-src><code>src</code></dfn>, and <dfn id=dom-input-step \
title=dom-input-step><code>step</code></dfn> IDL attributes must <a \
href=#reflect>reflect</a> the respective content attributes of the same name. The \
<dfn id=dom-input-dirname title=dom-input-dirName><code>dirName</code></dfn> IDL \
attribute
- must <a href=#reflect>reflect</a> the <code title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code> content attribute. The <dfn \
id=dom-input-readonly title=dom-input-readOnly><code>readOnly</code></dfn> IDL \
attribute + must <a href=#reflect>reflect</a> the <code title=attr-fe-dirname><a \
href=#attr-fe-dirname>dirname</a></code> content attribute. The <dfn \
id=dom-input-readonly title=dom-input-readOnly><code>readOnly</code></dfn> IDL \
attribute must <a href=#reflect>reflect</a> the <code title=attr-input-readonly><a \
href=#attr-input-readonly>readonly</a></code> content attribute. The <dfn \
id=dom-input-defaultchecked \
title=dom-input-defaultChecked><code>defaultChecked</code></dfn> IDL attribute must \
<a href=#reflect>reflect</a> the <code title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code> content attribute. The @@ -47209,7 \
+47208,7 @@ <dfn id=dom-input-type title=dom-input-type><code>type</code></dfn> IDL \
attributes must <a href=#reflect>reflect</a> the respective content attributes of \
the same name, <a href=#limited-to-only-known-values>limited to only known \
values</a>. The <dfn id=dom-input-inputmode \
title=dom-input-inputmode><code>inputMode</code></dfn> IDL
- attribute must <a href=#reflect>reflect</a> the <code \
title=attr-input-inputmode><a href=#attr-input-inputmode>inputmode</a></code> content \
attribute, + attribute must <a href=#reflect>reflect</a> the <code \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code> content \
attribute, <a href=#limited-to-only-known-values>limited to only known values</a>. \
The <dfn id=dom-input-maxlength \
title=dom-input-maxLength><code>maxLength</code></dfn> IDL attribute must <a \
href=#reflect>reflect</a> the <code title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code> content attribute, <a \
href=#limited-to-only-non-negative-numbers>limited to only non-negative \
numbers</a>.</p> @@ -47285,16 +47284,16 @@
apply</a> to the element:
<code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>,
- <code class=no-backref title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code class=no-backref \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code class=no-backref title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-list><a href=#attr-input-list>list</a></code>, \
<code class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, \
<code class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, @@ -47394,9 +47393,9 @@
<p>The following common <code><a href=#the-input-element>input</a></code> element \
content attributes, IDL attributes, and methods apply to the element:
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>,
- <code title=attr-input-dirname><a href=#attr-input-dirname>dirname</a></code>,
- <code title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, + \
<code title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, + <code \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
title=attr-input-list><a href=#attr-input-list>list</a></code>, <code \
title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>, <code \
title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>, @@ -47496,7 \
+47495,7 @@
<p>The following common <code><a href=#the-input-element>input</a></code> element \
content attributes, IDL attributes, and methods apply to the element:
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code title=attr-input-list><a href=#attr-input-list>list</a></code>, <code \
title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>, <code \
title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>, @@ -47524,14 \
+47523,14 @@ <code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code class=no-backref \
title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, <code \
class=no-backref title=attr-input-min><a href=#attr-input-min>min</a></code>, <code \
class=no-backref title=attr-input-multiple><a \
href=#attr-input-multiple>multiple</a></code>, @@ -47604,7 +47603,7 @@
<p>The following common <code><a href=#the-input-element>input</a></code> element \
content attributes, IDL attributes, and methods apply to the element:
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code title=attr-input-list><a href=#attr-input-list>list</a></code>, <code \
title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>, <code \
title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>, @@ -47632,14 \
+47631,14 @@ <code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code class=no-backref \
title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, <code \
class=no-backref title=attr-input-min><a href=#attr-input-min>min</a></code>, <code \
class=no-backref title=attr-input-multiple><a \
href=#attr-input-multiple>multiple</a></code>, @@ -47887,7 +47886,7 @@
<p>The following common <code><a href=#the-input-element>input</a></code> element \
content attributes, IDL attributes, and methods apply to the element:
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code title=attr-input-list><a href=#attr-input-list>list</a></code>, <code \
title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>, <code \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code>, @@ \
-47917,14 +47916,14 @@ <code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code class=no-backref \
title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, <code \
class=no-backref title=attr-input-min><a href=#attr-input-min>min</a></code>, <code \
class=no-backref title=attr-input-src><a href=#attr-input-src>src</a></code>, @@ \
-47986,7 +47985,7 @@
<p>The following common <code><a href=#the-input-element>input</a></code> element \
content attributes, IDL attributes, and methods apply to the element:
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>, \
<code title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>, <code \
title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code>, \
@@ -48011,14 +48010,14 @@ <code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code class=no-backref \
title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-list><a href=#attr-input-list>list</a></code>, \
<code class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, \
<code class=no-backref title=attr-input-min><a href=#attr-input-min>min</a></code>, \
@@ -48179,7 +48178,7 @@
<p>The following common <code><a href=#the-input-element>input</a></code> element \
content attributes, IDL attributes, and methods apply to the element:
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code title=attr-input-list><a href=#attr-input-list>list</a></code>, <code \
title=attr-input-max><a href=#attr-input-max>max</a></code>, <code \
title=attr-input-min><a href=#attr-input-min>min</a></code>, @@ -48203,14 +48202,14 \
@@ <code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code class=no-backref \
title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, <code class=no-backref \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code>, <code \
class=no-backref title=attr-input-pattern><a \
href=#attr-input-pattern>pattern</a></code>, @@ -48359,7 +48358,7 @@
<p>The following common <code><a href=#the-input-element>input</a></code> element \
content attributes, IDL attributes, and methods apply to the element:
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code title=attr-input-list><a href=#attr-input-list>list</a></code>, <code \
title=attr-input-max><a href=#attr-input-max>max</a></code>, <code \
title=attr-input-min><a href=#attr-input-min>min</a></code>, @@ -48383,14 +48382,14 \
@@ <code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code class=no-backref \
title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, <code class=no-backref \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code>, <code \
class=no-backref title=attr-input-pattern><a \
href=#attr-input-pattern>pattern</a></code>, @@ -48515,7 +48514,7 @@
<p>The following common <code><a href=#the-input-element>input</a></code> element \
content attributes, IDL attributes, and methods apply to the element:
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code title=attr-input-list><a href=#attr-input-list>list</a></code>, <code \
title=attr-input-max><a href=#attr-input-max>max</a></code>, <code \
title=attr-input-min><a href=#attr-input-min>min</a></code>, @@ -48539,14 +48538,14 \
@@ <code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code class=no-backref \
title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, <code class=no-backref \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code>, <code \
class=no-backref title=attr-input-pattern><a \
href=#attr-input-pattern>pattern</a></code>, @@ -48672,7 +48671,7 @@
<p>The following common <code><a href=#the-input-element>input</a></code> element \
content attributes, IDL attributes, and methods apply to the element:
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code title=attr-input-list><a href=#attr-input-list>list</a></code>, <code \
title=attr-input-max><a href=#attr-input-max>max</a></code>, <code \
title=attr-input-min><a href=#attr-input-min>min</a></code>, @@ -48696,14 +48695,14 \
@@ <code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code class=no-backref \
title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, <code class=no-backref \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code>, <code \
class=no-backref title=attr-input-pattern><a \
href=#attr-input-pattern>pattern</a></code>, @@ -48827,7 +48826,7 @@
<p>The following common <code><a href=#the-input-element>input</a></code> element \
content attributes, IDL attributes, and methods apply to the element:
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code title=attr-input-list><a href=#attr-input-list>list</a></code>, <code \
title=attr-input-max><a href=#attr-input-max>max</a></code>, <code \
title=attr-input-min><a href=#attr-input-min>min</a></code>, @@ -48851,14 +48850,14 \
@@ <code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code class=no-backref \
title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, <code class=no-backref \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code>, <code \
class=no-backref title=attr-input-pattern><a \
href=#attr-input-pattern>pattern</a></code>, @@ -48980,7 +48979,7 @@
<p>The following common <code><a href=#the-input-element>input</a></code> element \
content attributes, IDL attributes, and methods apply to the element:
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code title=attr-input-list><a href=#attr-input-list>list</a></code>, <code \
title=attr-input-max><a href=#attr-input-max>max</a></code>, <code \
title=attr-input-min><a href=#attr-input-min>min</a></code>, @@ -49003,14 +49002,14 \
@@ <code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code class=no-backref \
title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, <code class=no-backref \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code>, <code \
class=no-backref title=attr-input-pattern><a \
href=#attr-input-pattern>pattern</a></code>, @@ -49154,7 +49153,7 @@
<p>The following common <code><a href=#the-input-element>input</a></code> element \
content attributes, IDL attributes, and methods apply to the element:
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code title=attr-input-list><a href=#attr-input-list>list</a></code>, <code \
title=attr-input-max><a href=#attr-input-max>max</a></code>, <code \
title=attr-input-min><a href=#attr-input-min>min</a></code>, @@ -49178,14 +49177,14 \
@@ <code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code class=no-backref \
title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, <code class=no-backref \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code>, <code \
class=no-backref title=attr-input-pattern><a \
href=#attr-input-pattern>pattern</a></code>, @@ -49348,7 +49347,7 @@
<p>The following common <code><a href=#the-input-element>input</a></code> element \
content attributes, IDL attributes, and methods apply to the element:
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code title=attr-input-list><a href=#attr-input-list>list</a></code>, <code \
title=attr-input-max><a href=#attr-input-max>max</a></code>, <code \
title=attr-input-min><a href=#attr-input-min>min</a></code>, and @@ -49369,14 \
+49368,14 @@ <code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code class=no-backref \
title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, <code class=no-backref \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code>, <code \
class=no-backref title=attr-input-pattern><a \
href=#attr-input-pattern>pattern</a></code>, @@ -49512,7 +49511,7 @@
<p>The following common <code><a href=#the-input-element>input</a></code> element \
content attributes, IDL attributes, and methods apply to the element:
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code> and + <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code> and \
<code title=attr-input-list><a href=#attr-input-list>list</a></code> content \
attributes; <code title=dom-input-list><a href=#dom-input-list>list</a></code> and
<code title=dom-input-value><a href=#dom-input-value>value</a></code> IDL \
attributes.</p> @@ -49527,14 +49526,14 @@
<code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code class=no-backref \
title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, <code \
class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, <code class=no-backref \
title=attr-input-min><a href=#attr-input-min>min</a></code>, @@ -49640,15 +49639,15 \
@@ apply</a> to the element:
<code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>,
- <code class=no-backref title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, + \
<code class=no-backref title=attr-fe-dirname><a \
href=#attr-fe-dirname>dirname</a></code>, <code class=no-backref \
title=attr-fs-formaction><a href=#attr-fs-formaction>formaction</a></code>, <code \
class=no-backref title=attr-fs-formenctype><a \
href=#attr-fs-formenctype>formenctype</a></code>, <code class=no-backref \
title=attr-fs-formmethod><a href=#attr-fs-formmethod>formmethod</a></code>, <code \
class=no-backref title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-list><a href=#attr-input-list>list</a></code>, \
<code class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, \
<code class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, @@ -49781,15 +49780,15 @@
apply</a> to the element:
<code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>,
- <code class=no-backref title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, + \
<code class=no-backref title=attr-fe-dirname><a \
href=#attr-fe-dirname>dirname</a></code>, <code class=no-backref \
title=attr-fs-formaction><a href=#attr-fs-formaction>formaction</a></code>, <code \
class=no-backref title=attr-fs-formenctype><a \
href=#attr-fs-formenctype>formenctype</a></code>, <code class=no-backref \
title=attr-fs-formmethod><a href=#attr-fs-formmethod>formmethod</a></code>, <code \
class=no-backref title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-list><a href=#attr-input-list>list</a></code>, \
<code class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, \
<code class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, @@ -50013,16 +50012,16 @@
<p>The following content attributes must not be specified and <a \
href=#do-not-apply>do not apply</a> to the element:
<code class=no-backref title=attr-input-alt><a \
href=#attr-input-alt>alt</a></code>,
- <code class=no-backref title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code class=no-backref \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code class=no-backref title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-list><a href=#attr-input-list>list</a></code>, \
<code class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, \
<code class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, @@ -50115,11 +50114,11 @@
apply</a> to the element:
<code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>,
- <code class=no-backref title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code class=no-backref \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code class=no-backref title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-list><a href=#attr-input-list>list</a></code>, \
<code class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, \
<code class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, @@ -50355,10 +50354,10 @@
<p>The following content attributes must not be specified and <a \
href=#do-not-apply>do not apply</a> to the element:
<code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>,
- <code class=no-backref title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code class=no-backref \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code class=no-backref title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, + <code \
class=no-backref title=attr-fe-inputmode><a \
href=#attr-fe-inputmode>inputmode</a></code>, <code class=no-backref \
title=attr-input-list><a href=#attr-input-list>list</a></code>, <code \
class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, <code \
class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, @@ -50456,16 +50455,16 @@
apply</a> to the element:
<code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>,
- <code class=no-backref title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code class=no-backref \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code class=no-backref title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-list><a href=#attr-input-list>list</a></code>, \
<code class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, \
<code class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, @@ -50540,16 +50539,16 @@
apply</a> to the element:
<code class=no-backref title=attr-input-accept><a \
href=#attr-input-accept>accept</a></code>, <code class=no-backref \
title=attr-input-alt><a href=#attr-input-alt>alt</a></code>,
- <code class=no-backref title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>, + <code class=no-backref \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code>, \
<code class=no-backref title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>,
- <code class=no-backref title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>, + <code class=no-backref \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>, <code \
class=no-backref title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>, <code class=no-backref \
title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code \
class=no-backref title=attr-fs-formmethod><a \
href=#attr-fs-formmethod>formmethod</a></code>, <code class=no-backref \
title=attr-fs-formnovalidate><a \
href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code class=no-backref \
title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code \
class=no-backref title=attr-dim-height><a \
href=#attr-dim-height>height</a></code>,
- <code class=no-backref title=attr-input-inputmode><a \
href=#attr-input-inputmode>inputmode</a></code>, + <code class=no-backref \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code>, <code \
class=no-backref title=attr-input-list><a href=#attr-input-list>list</a></code>, \
<code class=no-backref title=attr-input-max><a href=#attr-input-max>max</a></code>, \
<code class=no-backref title=attr-input-maxlength><a \
href=#attr-input-maxlength>maxlength</a></code>, @@ -50629,211 +50628,60 @@
</div>
- <h6 id=the-autocomplete-attribute><span class=secno>4.10.7.3.1 </span>The <code \
title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code> attribute</h6> + <h6 \
id=the-maxlength-attribute><span class=secno>4.10.7.3.1 </span>The <code \
title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code> \
attribute</h6>
- <p>The <dfn id=attr-input-autocomplete \
title=attr-input-autocomplete><code>autocomplete</code></dfn>
- attribute, when it applies, is a <a href=#attr-fe-autocomplete \
title=attr-fe-autocomplete>form control <code title="">autocomplete</code> \
attribute</a>.</p> + <p>The <dfn id=attr-input-maxlength \
title=attr-input-maxlength><code>maxlength</code></dfn> + attribute<span \
class=impl>, when it applies,</span> is a <a href=#attr-fe-maxlength \
title=attr-fe-maxlength>form control <code title="">maxlength</code> \
attribute</a><span class=impl> + controlled by the <code><a \
href=#the-input-element>input</a></code> element's <a \
href=#concept-input-value-dirty-flag title=concept-input-value-dirty-flag>dirty value \
+ flag</a></span>.</p>
- <div class=example>
+ <p>If the <code><a href=#the-input-element>input</a></code> element has a <a \
href=#maximum-allowed-value-length>maximum allowed + value length</a>, then the <a \
href=#code-unit-length>code-unit length</a> of the + value of the element's <code \
title=attr-input-value><a href=#attr-input-value>value</a></code> + attribute must \
be equal to or less than the element's <a href=#maximum-allowed-value-length>maximum \
+ allowed value length</a>.</p>
- <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>
-
-
- <h6 id=the-dirname-attribute><span class=secno>4.10.7.3.2 </span>The <code \
title=attr-input-dirname><a href=#attr-input-dirname>dirname</a></code> \
attribute</h6>
-
- <p>The <dfn id=attr-input-dirname \
title=attr-input-dirname><code>dirname</code></dfn>
- attribute, when it applies, is a <a href=#form-control-dirname-attribute>form \
control <code title="">dirname</code> attribute</a>.</p>
-
<div class=example>
- <p>In this example, a form contains a text field and a submission
- button:</p>
+ <p>The following extract shows how a messaging client's text entry
+ could be arbitrarily restricted to a fixed number of characters,
+ thus forcing any conversation through this medium to be terse and
+ discouraging intelligent discourse.</p>
- <pre><form action="addcomment.cgi" method=post>
- <p><label>Comment: <input type=text name="comment" \
dirname="comment.dir" required></label></p>
- <p><button name="mode" type=submit value="add">Post \
Comment</button></p>
-</form></pre>
+ <pre><label>What are you doing? <input name=status \
maxlength=140></label></pre>
- <p>When the user submits the form, the user agent includes three
- fields, one called "comment", one called "comment.dir", and one
- called "mode"; so if the user types "Hello", the submission body
- might be something like:</p>
-
- <pre>comment=Hello&<strong>comment.dir=ltr</strong>&mode=add</pre>
-
- <p>If the user manually switches to a right-to-left writing
- direction and enters "<span dir=rtl lang=ar \
title="">مرحبًا</span>", the
- submission body might be something like:</p>
-
- <pre>comment=%D9%85%D8%B1%D8%AD%D8%A8%D9%8B%D8%A7&<strong>comment.dir=rtl</strong>&mode=add</pre>
-
</div>
- <h6 id=the-inputmode-attribute><span class=secno>4.10.7.3.3 </span>The <code \
title=attr-input-inputmode><a href=#attr-input-inputmode>inputmode</a></code> \
attribute</h6> + <h6 id=the-size-attribute><span class=secno>4.10.7.3.2 </span>The \
<code title=attr-input-size><a href=#attr-input-size>size</a></code> attribute</h6>
- <p>The <dfn id=attr-input-inputmode \
title=attr-input-inputmode><code>inputmode</code></dfn> attribute,
- when it applies, is a <a href=#attr-inputmode title=attr-inputmode>form control
- <code title="">inputmode</code> attribute</a>.</p>
+ <p>The <dfn id=attr-input-size title=attr-input-size><code>size</code></dfn>
+ attribute gives the number of characters that, in a visual
+ rendering, the user agent is to allow the user to see while editing
+ the element's <a href=#concept-fe-value title=concept-fe-value>value</a>.</p>
+ <p>The <code title=attr-input-size><a href=#attr-input-size>size</a></code> \
attribute, if + specified, must have a value that is a <a \
href=#valid-non-negative-integer>valid non-negative + integer</a> greater than \
zero.</p>
- <h6 id=the-list-attribute><span class=secno>4.10.7.3.4 </span>The <code \
title=attr-input-list><a href=#attr-input-list>list</a></code> \
attribute</h6>
-
- <p>The <dfn id=attr-input-list title=attr-input-list><code>list</code></dfn>
- attribute is used to identify an element that lists predefined
- options suggested to the user.</p>
-
- <p>If present, its value must be the <a href=#concept-id title=concept-id>ID</a> \
of a <code><a href=#the-datalist-element>datalist</a></code> element \
in
- the same document.</p>
-
<div class=impl>
- <p>The <dfn id=concept-input-list title=concept-input-list>suggestions source
- element</dfn> is the first element in the document in <a href=#tree-order>tree
- order</a> to have an <a href=#concept-id title=concept-id>ID</a> equal to
- the value of the <code title=attr-input-list><a \
href=#attr-input-list>list</a></code>
- attribute, if that element is a <code><a \
href=#the-datalist-element>datalist</a></code> element. If
- there is no <code title=attr-input-list><a href=#attr-input-list>list</a></code> \
attribute, or
- if there is no element with that <a href=#concept-id title=concept-id>ID</a>,
- or if the first element with that <a href=#concept-id title=concept-id>ID</a>
- is not a <code><a href=#the-datalist-element>datalist</a></code> element, then \
there is no <a href=#concept-input-list title=concept-input-list>suggestions source \
element</a>.</p> + <p>If the attribute is present, then its value must be parsed \
using + the <a href=#rules-for-parsing-non-negative-integers>rules for parsing \
non-negative integers</a>, and if the + result is a number greater than zero, then \
the user agent should + ensure that at least that many characters are visible.</p>
- <p>If there is a <a href=#concept-input-list title=concept-input-list>suggestions \
source
- element</a>, then, when the user agent is allowing the user to
- edit the <code><a href=#the-input-element>input</a></code> element's <a \
href=#concept-fe-value title=concept-fe-value>value</a>, the user \
agent should offer
- the suggestions represented by the <a href=#concept-input-list \
title=concept-input-list>suggestions source element</a> to the
- user in a manner suitable for the type of control used. The user
- agent may use the suggestion's <a href=#concept-option-label \
title=concept-option-label>label</a> to identify the suggestion
- if appropriate.</p>
+ <p>The <code title=dom-input-size><a href=#dom-input-size>size</a></code> IDL \
attribute is + <a href=#limited-to-only-non-negative-numbers-greater-than-zero>limited \
to only non-negative numbers greater than + zero</a> and has a default value of \
20.</p>
- <p>How user selections of suggestions are handled depends on whether
- the element is a control accepting a single value only, or whether
- it accepts multiple values:</p>
-
- <dl class=switch><dt>If the element does not have a <code \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code> attribute \
specified or
- if the <code title=attr-input-multiple><a \
href=#attr-input-multiple>multiple</a></code> attribute
- does not apply</dt>
-
- <dd>
-
- <p>When the user selects a suggestion, the <code><a \
href=#the-input-element>input</a></code>
- element's <a href=#concept-fe-value title=concept-fe-value>value</a> must be set
- to the selected suggestion's <a href=#concept-option-value \
title=concept-option-value>value</a>, as if the user had
- written that value himself.</p>
-
- </dd>
-
- <dt>If the element <em>does</em> have a <code title=attr-input-multiple><a \
href=#attr-input-multiple>multiple</a></code> attribute specified,
- and the <code title=attr-input-multiple><a \
href=#attr-input-multiple>multiple</a></code> attribute
- does apply</dt>
-
- <dd>
-
- <p>When the user selects a suggestion, the user agent must either
- add a new entry to the <code><a href=#the-input-element>input</a></code> \
element's <a href=#concept-fe-values title=concept-fe-values>value<em>s</em></a>, \
whose value is
- the selected suggestion's <a href=#concept-option-value \
title=concept-option-value>value</a>, or change an existing
- entry in the <code><a href=#the-input-element>input</a></code> element's <a \
href=#concept-fe-values title=concept-fe-values>value<em>s</em></a> \
to have the value
- given by the selected suggestion's <a href=#concept-option-value \
title=concept-option-value>value</a>, as if the user had
- himself added an entry with that value, or edited an existing
- entry to be that value. Which behavior is to be applied depends on
- the user interface in a user-agent-defined manner.</p>
-
- </dd>
-
- </dl><hr><p>If the <code title=attr-input-list><a \
href=#attr-input-list>list</a></code> attribute does
- not apply, there is no <a href=#concept-input-list \
title=concept-input-list>suggestions
- source element</a>.</p>
-
</div>
- <div class=example>
- <p>This URL field offers some suggestions.</p>
- <pre><label>Homepage: <input name=hp type=url \
list=hpurls></label>
-<datalist id=hpurls>
- <option value="http://www.google.com/" label="Google">
- <option value="http://www.reddit.com/" label="Reddit">
-</datalist></pre>
+ <h6 id=the-readonly-attribute><span class=secno>4.10.7.3.3 </span>The <code \
title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> \
attribute</h6>
- <p>Other URLs from the user's history might show also; this is up
- to the user agent.</p>
-
- </div>
-
- <div class=example>
-
- <p>This example demonstrates how to design a form that uses the
- autocompletion list feature while still degrading usefully in
- legacy user agents.</p>
-
- <p>If the autocompletion list is merely an aid, and is not
- important to the content, then simply using a <code><a \
href=#the-datalist-element>datalist</a></code>
- element with children <code><a href=#the-option-element>option</a></code> \
elements is enough. To
- prevent the values from being rendered in legacy user agents, they
- need to be placed inside the <code title=attr-option-value><a \
href=#attr-option-value>value</a></code> attribute instead of
- inline.</p>
-
- <pre><p>
- <label>
- Enter a breed:
- <input type="text" name="breed" list="breeds">
- <datalist id="breeds">
- <option value="Abyssinian">
- <option value="Alpaca">
- <!-- ... -->
- </datalist>
- </label>
-</p></pre>
-
- <p>However, if the values need to be shown in legacy UAs, then
- fallback content can be placed inside the <code><a \
href=#the-datalist-element>datalist</a></code>
- element, as follows:</p>
-
- <pre><p>
- <label>
- Enter a breed:
- <input type="text" name="breed" list="breeds">
- </label>
- <datalist id="breeds">
- <label>
- or select one from the list:
- <select name="breed">
- <option value=""> (none selected)
- <option>Abyssinian
- <option>Alpaca
- <!-- ... -->
- </select>
- </label>
- </datalist>
-</p>
-</pre>
-
- <p>The fallback content will only be shown in UAs that don't
- support <code><a href=#the-datalist-element>datalist</a></code>. The options, on \
the other hand, will
- be detected by all UAs, even though they are not children of the
- <code><a href=#the-datalist-element>datalist</a></code> element.</p>
-
- <p>Note that if an <code><a href=#the-option-element>option</a></code> element \
used in a
- <code><a href=#the-datalist-element>datalist</a></code> is <code \
title=attr-option-selected><a href=#attr-option-selected>selected</a></code>, it will \
be selected
- by default by legacy UAs (because it affects the
- <code><a href=#the-select-element>select</a></code>), but it will not have any \
effect on the
- <code><a href=#the-input-element>input</a></code> element in UAs that support
- <code><a href=#the-datalist-element>datalist</a></code>.</p>
-
- </div>
-
-
-
- <h6 id=the-readonly-attribute><span class=secno>4.10.7.3.5 </span>The <code \
title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> \
attribute</h6>
-
<p>The <dfn id=attr-input-readonly \
title=attr-input-readonly><code>readonly</code></dfn> attribute is a <a \
href=#boolean-attribute>boolean attribute</a> that controls whether or not the user \
can edit the form control. <span class=impl>When @@ -50881,34 +50729,8 @@
- <h6 id=the-size-attribute><span class=secno>4.10.7.3.6 </span>The <code \
title=attr-input-size><a href=#attr-input-size>size</a></code> attribute</h6> + <h6 \
id=the-required-attribute><span class=secno>4.10.7.3.4 </span>The <code \
title=attr-input-required><a href=#attr-input-required>required</a></code> \
attribute</h6>
- <p>The <dfn id=attr-input-size title=attr-input-size><code>size</code></dfn>
- attribute gives the number of characters that, in a visual
- rendering, the user agent is to allow the user to see while editing
- the element's <a href=#concept-fe-value title=concept-fe-value>value</a>.</p>
-
- <p>The <code title=attr-input-size><a href=#attr-input-size>size</a></code> \
attribute, if
- specified, must have a value that is a <a href=#valid-non-negative-integer>valid \
non-negative
- integer</a> greater than zero.</p>
-
- <div class=impl>
-
- <p>If the attribute is present, then its value must be parsed using
- the <a href=#rules-for-parsing-non-negative-integers>rules for parsing \
non-negative integers</a>, and if the
- result is a number greater than zero, then the user agent should
- ensure that at least that many characters are visible.</p>
-
- <p>The <code title=dom-input-size><a href=#dom-input-size>size</a></code> IDL \
attribute is
- <a href=#limited-to-only-non-negative-numbers-greater-than-zero>limited to only \
non-negative numbers greater than
- zero</a> and has a default value of 20.</p>
-
- </div>
-
-
-
- <h6 id=the-required-attribute><span class=secno>4.10.7.3.7 </span>The <code \
title=attr-input-required><a href=#attr-input-required>required</a></code> \
attribute</h6>
-
<p>The <dfn id=attr-input-required \
title=attr-input-required><code>required</code></dfn> attribute is a <a \
href=#boolean-attribute>boolean attribute</a>. When specified, the element is <dfn \
id=concept-input-required title=concept-input-required><i>required</i></dfn>.</p> @@ \
-50950,7 +50772,7 @@ </div>
- <h6 id=the-multiple-attribute><span class=secno>4.10.7.3.8 </span>The <code \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code> \
attribute</h6> + <h6 id=the-multiple-attribute><span class=secno>4.10.7.3.5 \
</span>The <code title=attr-input-multiple><a \
href=#attr-input-multiple>multiple</a></code> attribute</h6>
<p>The <dfn id=attr-input-multiple \
title=attr-input-multiple><code>multiple</code></dfn> attribute is a <a \
href=#boolean-attribute>boolean attribute</a> that indicates whether @@ -51003,34 \
+50825,9 @@ </div>
- <h6 id=the-maxlength-attribute><span class=secno>4.10.7.3.9 </span>The <code \
title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code> \
attribute</h6>
- <p>The <dfn id=attr-input-maxlength \
title=attr-input-maxlength><code>maxlength</code></dfn>
- attribute<span class=impl>, when it applies,</span> is a <a \
href=#attr-fe-maxlength title=attr-fe-maxlength>form control <code \
title="">maxlength</code> attribute</a><span class=impl>
- controlled by the <code><a href=#the-input-element>input</a></code> element's <a \
href=#concept-input-value-dirty-flag \
title=concept-input-value-dirty-flag>dirty value
- flag</a></span>.</p>
+ <h6 id=the-pattern-attribute><span class=secno>4.10.7.3.6 </span>The <code \
title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code> \
attribute</h6>
- <p>If the <code><a href=#the-input-element>input</a></code> element has a <a \
href=#maximum-allowed-value-length>maximum allowed
- value length</a>, then the <a href=#code-unit-length>code-unit length</a> of the
- value of the element's <code title=attr-input-value><a \
href=#attr-input-value>value</a></code>
- attribute must be equal to or less than the element's <a \
href=#maximum-allowed-value-length>maximum
- allowed value length</a>.</p>
-
- <div class=example>
-
- <p>The following extract shows how a messaging client's text entry
- could be arbitrarily restricted to a fixed number of characters,
- thus forcing any conversation through this medium to be terse and
- discouraging intelligent discourse.</p>
-
- <pre><label>What are you doing? <input name=status \
maxlength=140></label></pre>
-
- </div>
-
-
-
- <h6 id=the-pattern-attribute><span class=secno>4.10.7.3.10 </span>The <code \
title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code> \
attribute</h6>
-
<p>The <dfn id=attr-input-pattern \
title=attr-input-pattern><code>pattern</code></dfn> attribute specifies a regular \
expression against which the control's <a href=#concept-fe-value \
title=concept-fe-value>value</a>, or, when the <code title=attr-input-multiple><a \
href=#attr-input-multiple>multiple</a></code> attribute applies and is @@ -51117,7 \
+50914,7 @@
- <h6 id=the-min-and-max-attributes><span class=secno>4.10.7.3.11 </span>The <code \
title=attr-input-min><a href=#attr-input-min>min</a></code> and <code \
title=attr-input-max><a href=#attr-input-max>max</a></code> attributes</h6> + <h6 \
id=the-min-and-max-attributes><span class=secno>4.10.7.3.7 </span>The <code \
title=attr-input-min><a href=#attr-input-min>min</a></code> and <code \
title=attr-input-max><a href=#attr-input-max>max</a></code> attributes</h6>
<p>The <dfn id=attr-input-min title=attr-input-min><code>min</code></dfn> and <dfn \
id=attr-input-max title=attr-input-max><code>max</code></dfn> attributes indicate \
the allowed range of values for the element.</p> @@ -51198,7 +50995,7 @@
</div>
- <h6 id=the-step-attribute><span class=secno>4.10.7.3.12 </span>The <code \
title=attr-input-step><a href=#attr-input-step>step</a></code> attribute</h6> + <h6 \
id=the-step-attribute><span class=secno>4.10.7.3.8 </span>The <code \
title=attr-input-step><a href=#attr-input-step>step</a></code> attribute</h6>
<p>The <dfn id=attr-input-step title=attr-input-step><code>step</code></dfn>
attribute indicates the granularity that is expected (and required)
@@ -51284,9 +51081,156 @@
+ <h6 id=the-list-attribute><span class=secno>4.10.7.3.9 </span>The <code \
title=attr-input-list><a href=#attr-input-list>list</a></code> attribute</h6>
- <h6 id=the-placeholder-attribute><span class=secno>4.10.7.3.13 </span>The <code \
title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code> \
attribute</h6> + <p>The <dfn id=attr-input-list \
title=attr-input-list><code>list</code></dfn> + attribute is used to identify an \
element that lists predefined + options suggested to the user.</p>
+ <p>If present, its value must be the <a href=#concept-id title=concept-id>ID</a> \
of a <code><a href=#the-datalist-element>datalist</a></code> element in + the same \
document.</p> +
+ <div class=impl>
+
+ <p>The <dfn id=concept-input-list title=concept-input-list>suggestions source
+ element</dfn> is the first element in the document in <a href=#tree-order>tree
+ order</a> to have an <a href=#concept-id title=concept-id>ID</a> equal to
+ the value of the <code title=attr-input-list><a \
href=#attr-input-list>list</a></code> + attribute, if that element is a <code><a \
href=#the-datalist-element>datalist</a></code> element. If + there is no <code \
title=attr-input-list><a href=#attr-input-list>list</a></code> attribute, or + if \
there is no element with that <a href=#concept-id title=concept-id>ID</a>, + or if \
the first element with that <a href=#concept-id title=concept-id>ID</a> + is not a \
<code><a href=#the-datalist-element>datalist</a></code> element, then there is no <a \
href=#concept-input-list title=concept-input-list>suggestions source element</a>.</p> \
+ + <p>If there is a <a href=#concept-input-list \
title=concept-input-list>suggestions source + element</a>, then, when the user agent \
is allowing the user to + edit the <code><a href=#the-input-element>input</a></code> \
element's <a href=#concept-fe-value title=concept-fe-value>value</a>, the user agent \
should offer + the suggestions represented by the <a href=#concept-input-list \
title=concept-input-list>suggestions source element</a> to the + user in a manner \
suitable for the type of control used. The user + agent may use the suggestion's <a \
href=#concept-option-label title=concept-option-label>label</a> to identify the \
suggestion + if appropriate.</p>
+
+ <p>How user selections of suggestions are handled depends on whether
+ the element is a control accepting a single value only, or whether
+ it accepts multiple values:</p>
+
+ <dl class=switch><dt>If the element does not have a <code \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code> attribute \
specified or + if the <code title=attr-input-multiple><a \
href=#attr-input-multiple>multiple</a></code> attribute + does not apply</dt>
+
+ <dd>
+
+ <p>When the user selects a suggestion, the <code><a \
href=#the-input-element>input</a></code> + element's <a href=#concept-fe-value \
title=concept-fe-value>value</a> must be set + to the selected suggestion's <a \
href=#concept-option-value title=concept-option-value>value</a>, as if the user had + \
written that value himself.</p> +
+ </dd>
+
+ <dt>If the element <em>does</em> have a <code title=attr-input-multiple><a \
href=#attr-input-multiple>multiple</a></code> attribute specified, + and the <code \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code> attribute \
+ does apply</dt> +
+ <dd>
+
+ <p>When the user selects a suggestion, the user agent must either
+ add a new entry to the <code><a href=#the-input-element>input</a></code> \
element's <a href=#concept-fe-values title=concept-fe-values>value<em>s</em></a>, \
whose value is + the selected suggestion's <a href=#concept-option-value \
title=concept-option-value>value</a>, or change an existing + entry in the \
<code><a href=#the-input-element>input</a></code> element's <a \
href=#concept-fe-values title=concept-fe-values>value<em>s</em></a> to have the value \
+ given by the selected suggestion's <a href=#concept-option-value \
title=concept-option-value>value</a>, as if the user had + himself added an entry \
with that value, or edited an existing + entry to be that value. Which behavior is \
to be applied depends on + the user interface in a user-agent-defined manner.</p>
+
+ </dd>
+
+ </dl><hr><p>If the <code title=attr-input-list><a \
href=#attr-input-list>list</a></code> attribute does + not apply, there is no <a \
href=#concept-input-list title=concept-input-list>suggestions + source \
element</a>.</p> +
+ </div>
+
+ <div class=example>
+
+ <p>This URL field offers some suggestions.</p>
+
+ <pre><label>Homepage: <input name=hp type=url \
list=hpurls></label> +<datalist id=hpurls>
+ <option value="http://www.google.com/" label="Google">
+ <option value="http://www.reddit.com/" label="Reddit">
+</datalist></pre>
+
+ <p>Other URLs from the user's history might show also; this is up
+ to the user agent.</p>
+
+ </div>
+
+ <div class=example>
+
+ <p>This example demonstrates how to design a form that uses the
+ autocompletion list feature while still degrading usefully in
+ legacy user agents.</p>
+
+ <p>If the autocompletion list is merely an aid, and is not
+ important to the content, then simply using a <code><a \
href=#the-datalist-element>datalist</a></code> + element with children <code><a \
href=#the-option-element>option</a></code> elements is enough. To + prevent the \
values from being rendered in legacy user agents, they + need to be placed inside \
the <code title=attr-option-value><a href=#attr-option-value>value</a></code> \
attribute instead of + inline.</p>
+
+ <pre><p>
+ <label>
+ Enter a breed:
+ <input type="text" name="breed" list="breeds">
+ <datalist id="breeds">
+ <option value="Abyssinian">
+ <option value="Alpaca">
+ <!-- ... -->
+ </datalist>
+ </label>
+</p></pre>
+
+ <p>However, if the values need to be shown in legacy UAs, then
+ fallback content can be placed inside the <code><a \
href=#the-datalist-element>datalist</a></code> + element, as follows:</p>
+
+ <pre><p>
+ <label>
+ Enter a breed:
+ <input type="text" name="breed" list="breeds">
+ </label>
+ <datalist id="breeds">
+ <label>
+ or select one from the list:
+ <select name="breed">
+ <option value=""> (none selected)
+ <option>Abyssinian
+ <option>Alpaca
+ <!-- ... -->
+ </select>
+ </label>
+ </datalist>
+</p>
+</pre>
+
+ <p>The fallback content will only be shown in UAs that don't
+ support <code><a href=#the-datalist-element>datalist</a></code>. The options, on \
the other hand, will + be detected by all UAs, even though they are not children of \
the + <code><a href=#the-datalist-element>datalist</a></code> element.</p>
+
+ <p>Note that if an <code><a href=#the-option-element>option</a></code> element \
used in a + <code><a href=#the-datalist-element>datalist</a></code> is <code \
title=attr-option-selected><a href=#attr-option-selected>selected</a></code>, it will \
be selected + by default by legacy UAs (because it affects the
+ <code><a href=#the-select-element>select</a></code>), but it will not have any \
effect on the + <code><a href=#the-input-element>input</a></code> element in UAs \
that support + <code><a href=#the-datalist-element>datalist</a></code>.</p>
+
+ </div>
+
+
+
+ <h6 id=the-placeholder-attribute><span class=secno>4.10.7.3.10 </span>The <code \
title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code> \
attribute</h6> +
<!-- similar text in the <textarea> section -->
<p>The <dfn id=attr-input-placeholder \
title=attr-input-placeholder><code>placeholder</code></dfn> @@ -52725,10 +52669,10 @@
<dd><a href=#global-attributes>Global attributes</a></dd>
<dd><code title=attr-fe-autofocus><a \
href=#attr-fe-autofocus>autofocus</a></code></dd> <dd><code \
title=attr-textarea-cols><a \
href=#attr-textarea-cols>cols</a></code></dd>
- <dd><code title=attr-textarea-dirname><a \
href=#attr-textarea-dirname>dirname</a></code></dd> + <dd><code \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code></dd> <dd><code \
title=attr-fe-disabled><a href=#attr-fe-disabled>disabled</a></code></dd> <dd><code \
title=attr-fae-form><a href=#attr-fae-form>form</a></code></dd>
- <dd><code title=attr-textarea-inputmode><a \
href=#attr-textarea-inputmode>inputmode</a></code></dd> + <dd><code \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code></dd> \
<dd><code title=attr-textarea-maxlength><a \
href=#attr-textarea-maxlength>maxlength</a></code></dd> <dd><code \
title=attr-fe-name><a href=#attr-fe-name>name</a></code></dd> <dd><code \
title=attr-textarea-placeholder><a \
href=#attr-textarea-placeholder>placeholder</a></code></dd> @@ -53019,21 +52963,15 @@
</div>
- <p>The <dfn id=attr-textarea-dirname \
title=attr-textarea-dirname><code>dirname</code></dfn>
- attribute is a <a href=#form-control-dirname-attribute>form control <code \
title="">dirname</code>
- attribute</a>.</p>
+ <p>
+ The <code title=attr-fe-name><a href=#attr-fe-name>name</a></code> attribute \
represents the element's name. + The <code title=attr-fe-dirname><a \
href=#attr-fe-dirname>dirname</a></code> attribute controls how the element's <a \
href=#the-directionality title="the directionality">directionality</a> is submitted. \
+ The <code title=attr-fe-disabled><a href=#attr-fe-disabled>disabled</a></code> \
attribute is used to make the control non-interactive and to prevent its value from \
being submitted. + The <code title=attr-fae-form><a \
href=#attr-fae-form>form</a></code> attribute is used to explicitly associate the \
<code><a href=#the-textarea-element>textarea</a></code> element with its <a \
href=#form-owner>form owner</a>. + The <code title=attr-fe-autofocus><a \
href=#attr-fe-autofocus>autofocus</a></code> attribute controls focus. + The <code \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code> attribute \
controls the user interface's input modality for the control. + </p>
- <p>The <dfn id=attr-textarea-inputmode \
title=attr-textarea-inputmode><code>inputmode</code></dfn>
- attribute is a <a href=#attr-inputmode title=attr-inputmode>form control <code \
title="">inputmode</code> attribute</a>.</p>
-
- <p>The <code title=attr-fae-form><a href=#attr-fae-form>form</a></code> attribute \
is used to
- explicitly associate the <code><a href=#the-textarea-element>textarea</a></code> \
element with its
- <a href=#form-owner>form owner</a>. The <code title=attr-fe-name><a \
href=#attr-fe-name>name</a></code>
- attribute represents the element's name. The <code title=attr-fe-disabled><a \
href=#attr-fe-disabled>disabled</a></code> attribute is used to make
- the control non-interactive and to prevent its value from being
- submitted. The <code title=attr-fe-autofocus><a \
href=#attr-fe-autofocus>autofocus</a></code>
- attribute controls focus.</p>
-
<!--TOPIC:DOM APIs-->
<dl class=domintro><dt><var title="">textarea</var> . <code \
title=attr-textarea-type>type</code></dt>
@@ -53062,9 +53000,9 @@
to only non-negative numbers greater than zero</a>. The <code \
title=dom-textarea-cols><a href=#dom-textarea-cols>cols</a></code> attribute's \
default value is 20. The <code title=dom-textarea-rows><a \
href=#dom-textarea-rows>rows</a></code> attribute's default value is 2. The <dfn \
id=dom-textarea-dirname \
title=dom-textarea-dirName><code>dirName</code></dfn> IDL
- attribute must <a href=#reflect>reflect</a> the <code \
title=attr-textarea-dirname><a href=#attr-textarea-dirname>dirname</a></code> content \
attribute. The + attribute must <a href=#reflect>reflect</a> the <code \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code> content attribute. \
The <dfn id=dom-textarea-inputmode \
title=dom-textarea-inputMode><code>inputMode</code></dfn> IDL
- attribute must <a href=#reflect>reflect</a> the <code \
title=attr-textarea-inputmode><a href=#attr-textarea-inputmode>inputmode</a></code> \
content attribute, + attribute must <a href=#reflect>reflect</a> the <code \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code> content \
attribute, <a href=#limited-to-only-known-values>limited to only known values</a>. \
The <dfn id=dom-textarea-maxlength \
title=dom-textarea-maxLength><code>maxLength</code></dfn> IDL attribute must <a \
href=#reflect>reflect</a> the <code title=attr-textarea-maxlength><a \
href=#attr-textarea-maxlength>maxlength</a></code> content attribute, <a \
href=#limited-to-only-non-negative-numbers>limited to only non-negative numbers</a>. \
The <dfn id=dom-textarea-readonly \
title=dom-textarea-readOnly><code>readOnly</code></dfn> IDL @@ -53127,7 +53065,7 @@
<pre><p>If you have any comments, please let us know: <textarea cols=80 \
name=comments>You rock!</textarea></p></pre>
<p>To have the browser submit <a href=#the-directionality>the directionality</a> \
of
- the element along with the value, the <code title=attr-textarea-dirname><a \
href=#attr-textarea-dirname>dirname</a></code> attribute can be + the element along \
with the value, the <code title=attr-fe-dirname><a \
href=#attr-fe-dirname>dirname</a></code> attribute can be specified:</p>
<pre><p>If you have any comments, please let us know (you may use either \
English or Hebrew for your comments): @@ -54154,8 +54092,6 @@
<h4 id=form-control-infrastructure><span class=secno>4.10.18 </span>Form control \
infrastructure</h4>
- <div class=impl>
-
<h5 id="a-form-control's-value"><span class=secno>4.10.18.1 </span>A form \
control's value</h5>
<p>Form controls have a <dfn id=concept-fe-value \
title=concept-fe-value>value</dfn> @@ -54167,9 +54103,7 @@
the <code><a href=#the-input-element>input</a></code> element's <code \
title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code> attribute, \
<code><a href=#the-input-element>input</a></code> elements can also have separately \
defined <dfn id=concept-fe-values title=concept-fe-values>value<em>s</em></dfn>.</p> \
- </div>
-
<h5 id=association-of-controls-and-forms><span class=secno>4.10.18.2 \
</span>Association of controls and forms</h5>
<p>A <a href=#form-associated-element>form-associated element</a> can have a \
relationship @@ -54369,119 +54303,43 @@
</div>
- <h5 id=enabling-and-disabling-form-controls:-the-disabled-attribute><span \
class=secno>4.10.19.2 </span>Enabling and disabling form controls: the <code \
title=attr-fe-disabled><a href=#attr-fe-disabled>disabled</a></code> attribute</h5> + \
<h5 id=submitting-element-directionality:-the-dirname-attribute><span \
class=secno>4.10.19.2 </span>Submitting element directionality: the <code \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code> attribute</h5>
- <p>The <dfn id=attr-fe-disabled title=attr-fe-disabled><code>disabled</code></dfn>
- content attribute is a <a href=#boolean-attribute>boolean attribute</a>.</p>
+ <p>The <dfn id=attr-fe-dirname title=attr-fe-dirname><code>dirname</code></dfn> \
attribute + on a form control element enables the submission of <a \
href=#the-directionality>the + directionality</a> of the element, and gives the name \
of the + field that contains this value during <a href=#form-submission>form \
submission</a>. + If such an attribute is specified, its value must not be the empty
+ string.</p>
- <p>A form control is <dfn id=concept-fe-disabled \
title=concept-fe-disabled>disabled</dfn>
- if its <code title=attr-fe-disabled><a href=#attr-fe-disabled>disabled</a></code> \
attribute is
- set, or if it is a descendant of a <code><a \
href=#the-fieldset-element>fieldset</a></code> element
- whose <code title=attr-fieldset-disabled><a \
href=#attr-fieldset-disabled>disabled</a></code> attribute
- is set and is <em>not</em> a descendant of that
- <code><a href=#the-fieldset-element>fieldset</a></code> element's first <code><a \
href=#the-legend-element>legend</a></code> element
- child, if any.</p>
+ <div class=example>
- <div class=impl>
+ <p>In this example, a form contains a text field and a submission
+ button:</p>
- <p>A form control that is <a href=#concept-fe-disabled \
title=concept-fe-disabled>disabled</a> must prevent any <code title=event-click><a \
href=#event-click>click</a></code> events that are <a \
href=#queue-a-task title="queue
- a task">queued</a> on the <a href=#user-interaction-task-source>user interaction \
task
- source</a> from being dispatched on the element.</p>
+ <pre><form action="addcomment.cgi" method=post>
+ <p><label>Comment: <input type=text name="comment" \
dirname="comment.dir" required></label></p> + <p><button \
name="mode" type=submit value="add">Post Comment</button></p> \
+</form></pre>
- <p><strong>Constraint validation</strong>: If an element is <a \
href=#concept-fe-disabled title=concept-fe-disabled>disabled</a>, it is <a \
href=#barred-from-constraint-validation>barred from
- constraint validation</a>.</p>
+ <p>When the user submits the form, the user agent includes three
+ fields, one called "comment", one called "comment.dir", and one
+ called "mode"; so if the user types "Hello", the submission body
+ might be something like:</p>
- <p>The <dfn id=dom-fe-disabled title=dom-fe-disabled><code>disabled</code></dfn> \
IDL
- attribute must <a href=#reflect>reflect</a> the <code title=attr-fe-disabled><a \
href=#attr-fe-disabled>disabled</a></code> content attribute.</p> + \
<pre>comment=Hello&<strong>comment.dir=ltr</strong>&mode=add</pre>
- </div>
+ <p>If the user manually switches to a right-to-left writing
+ direction and enters "<span dir=rtl lang=ar \
title="">مرحبًا</span>", the + submission body \
might be something like:</p>
+ <pre>comment=%D9%85%D8%B1%D8%AD%D8%A8%D9%8B%D8%A7&<strong>comment.dir=rtl</strong>&mode=add</pre>
- <h5 id=autofocusing-a-form-control:-the-autofocus-attribute><span \
class=secno>4.10.19.3 </span>Autofocusing a form control: the <code \
title=attr-fe-autofocus><a href=#attr-fe-autofocus>autofocus</a></code> \
attribute</h5>
-
- <!-- v2: Apply this to contentEditable elements -->
-
- <p>The <dfn id=attr-fe-autofocus \
title=attr-fe-autofocus><code>autofocus</code></dfn>
- content attribute allows the author to indicate that a control is to
- be focused as soon as the page is loaded, allowing the user to just
- start typing without having to manually focus the main control.</p>
-
- <p>The <code title=attr-fe-autofocus><a \
href=#attr-fe-autofocus>autofocus</a></code> attribute is
- a <a href=#boolean-attribute>boolean attribute</a>.</p>
-
- <p>There must not be more than one element in the document with the
- <code title=attr-fe-autofocus><a href=#attr-fe-autofocus>autofocus</a></code> \
attribute
- specified.</p>
-
- <div class=impl>
-
- <p>When an element with the <code title=attr-fe-autofocus><a \
href=#attr-fe-autofocus>autofocus</a></code> attribute specified is
- <a href=#insert-an-element-into-a-document title="insert an element into a \
document">inserted into a
- document</a>, user agents should run the following steps:</p>
-
- <ol><li><p>Let <var title="">target</var> be the element's
- <code><a href=#document>Document</a></code>.</li>
-
- <li><p>If <var title="">target</var> has no <a href=#browsing-context>browsing
- context</a>, abort these steps.</li>
-
- <li><p>If <var title="">target</var>'s <a href=#browsing-context>browsing
- context</a> has no <a href=#top-level-browsing-context>top-level browsing \
context</a> (e.g.
- it is a <a href=#nested-browsing-context>nested browsing context</a> with no <a \
href=#parent-browsing-context>parent
- browsing context</a>), abort these steps.</li>
-
- <li><p>If <var title="">target</var>'s <a href=#active-sandboxing-flag-set>active \
sandboxing
- flag set</a> has the <a \
href=#sandboxed-automatic-features-browsing-context-flag>sandboxed \
automatic features
- browsing context flag</a>, abort these steps.</li>
-
- <li><p>If <var title="">target</var>'s <a href=#origin>origin</a> is not
- the <a href=#same-origin title="same origin">same</a> as the
- <a href=#origin>origin</a> of the <code><a href=#document>Document</a></code> of \
the currently
- focused element in <var title="">target</var>'s <a \
href=#top-level-browsing-context>top-level
- browsing context</a>, abort these steps.</li>
-
- <li><p>If <var title="">target</var>'s <a href=#origin>origin</a> is not
- the <a href=#same-origin title="same origin">same</a> as the
- <a href=#origin>origin</a> of the <a href=#active-document>active document</a> of \
<var title="">target</var>'s <a href=#top-level-browsing-context>top-level browsing \
context</a>,
- abort these steps.</li>
-
- <li><p>If the user agent has already reached the last step of this
- list of steps in response to an element being <a \
href=#insert-an-element-into-a-document title="insert
- an element into a document">inserted</a> into a
- <code><a href=#document>Document</a></code> whose <a \
href=#top-level-browsing-context>top-level browsing
- context</a>'s <a href=#active-document>active document</a> is the same as <var \
title="">target</var>'s <a href=#top-level-browsing-context>top-level browsing \
context</a>'s
- <a href=#active-document>active document</a>, abort these steps.</li>
-
- <li><p>If the user has indicated (for example, by starting to type
- in a form control) that he does not wish focus to be changed, then
- optionally abort these steps.</li>
-
- <li><p><a href=#queue-a-task>Queue a task</a> that checks to see if the element
- is <a href=#focusable>focusable</a>, and if so, runs the <a \
href=#focusing-steps>focusing
- steps</a> for that element. User agents may also change the
- scrolling position of the document, or perform some other action
- that brings the element to the user's attention. The <a href=#task-source>task
- source</a> for this task is the <a href=#dom-manipulation-task-source>DOM \
manipulation task
- source</a>.</li>
-
- </ol><p class=note>Focusing the control does not imply that the user
- agent must focus the browser window if it has lost focus.</p>
-
- <p>The <dfn id=dom-fe-autofocus \
title=dom-fe-autofocus><code>autofocus</code></dfn>
- IDL attribute must <a href=#reflect>reflect</a> the content attribute of the
- same name.</p>
-
</div>
- <div class=example>
- <p>In the following snippet, the text control would be focused when
- the document was loaded.</p>
- <pre><input maxlength="256" name="q" value="" autofocus>
-<input type="submit" value="Search"></pre>
- </div>
- <h5 id=limiting-user-input-length:-the-maxlength-attribute><span \
class=secno>4.10.19.4 </span>Limiting user input length: the <code \
title=attr-fe-maxlength><a href=#attr-fe-maxlength>maxlength</a></code> \
attribute</h5> + <h5 id=limiting-user-input-length:-the-maxlength-attribute><span \
class=secno>4.10.19.3 </span>Limiting user input length: the <code \
title=attr-fe-maxlength><a href=#attr-fe-maxlength>maxlength</a></code> \
attribute</h5>
<p>A <dfn id=attr-fe-maxlength title=attr-fe-maxlength>form control <code \
title="">maxlength</code> attribute</dfn>, controlled by a <var title="">dirty value \
flag</var>, declares a limit on the number of characters a user can input.</p>
@@ -54513,7 +54371,34 @@
</div>
+ <h5 id=enabling-and-disabling-form-controls:-the-disabled-attribute><span \
class=secno>4.10.19.4 </span>Enabling and disabling form controls: the <code \
title=attr-fe-disabled><a href=#attr-fe-disabled>disabled</a></code> attribute</h5>
+ <p>The <dfn id=attr-fe-disabled title=attr-fe-disabled><code>disabled</code></dfn>
+ content attribute is a <a href=#boolean-attribute>boolean attribute</a>.</p>
+
+ <p>A form control is <dfn id=concept-fe-disabled \
title=concept-fe-disabled>disabled</dfn> + if its <code title=attr-fe-disabled><a \
href=#attr-fe-disabled>disabled</a></code> attribute is + set, or if it is a \
descendant of a <code><a href=#the-fieldset-element>fieldset</a></code> element + \
whose <code title=attr-fieldset-disabled><a \
href=#attr-fieldset-disabled>disabled</a></code> attribute + is set and is \
<em>not</em> a descendant of that + <code><a \
href=#the-fieldset-element>fieldset</a></code> element's first <code><a \
href=#the-legend-element>legend</a></code> element + child, if any.</p>
+
+ <div class=impl>
+
+ <p>A form control that is <a href=#concept-fe-disabled \
title=concept-fe-disabled>disabled</a> must prevent any <code title=event-click><a \
href=#event-click>click</a></code> events that are <a href=#queue-a-task title="queue \
+ a task">queued</a> on the <a href=#user-interaction-task-source>user interaction \
task + source</a> from being dispatched on the element.</p>
+
+ <p><strong>Constraint validation</strong>: If an element is <a \
href=#concept-fe-disabled title=concept-fe-disabled>disabled</a>, it is <a \
href=#barred-from-constraint-validation>barred from + constraint validation</a>.</p>
+
+ <p>The <dfn id=dom-fe-disabled title=dom-fe-disabled><code>disabled</code></dfn> \
IDL + attribute must <a href=#reflect>reflect</a> the <code \
title=attr-fe-disabled><a href=#attr-fe-disabled>disabled</a></code> content \
attribute.</p> +
+ </div>
+
+
<h5 id=form-submission-0><span class=secno>4.10.19.5 </span>Form submission</h5>
<p><dfn id=attributes-for-form-submission>Attributes for form submission</dfn> can \
be specified both @@ -54673,114 +54558,98 @@
</div>
- <h5 id=submitting-element-directionality:-the-dirname-attribute><span \
class=secno>4.10.19.6 </span>Submitting element directionality: the <code title="form \
control dirname attribute"><a href=#form-control-dirname-attribute>dirname</a></code> \
attribute</h5> + <h5 id=autofocusing-a-form-control:-the-autofocus-attribute><span \
class=secno>4.10.19.6 </span>Autofocusing a form control: the <code \
title=attr-fe-autofocus><a href=#attr-fe-autofocus>autofocus</a></code> \
attribute</h5>
- <p>A <dfn id=form-control-dirname-attribute>form control <code \
title="">dirname</code> attribute</dfn>
- on a form control element enables the submission of <a \
href=#the-directionality>the
- directionality</a> of the element, and gives the name of the
- field that contains this value during <a href=#form-submission>form \
submission</a>.
- If such an attribute is specified, its value must not be the empty
- string.</p>
+ <!-- v2: Apply this to contentEditable elements -->
+ <p>The <dfn id=attr-fe-autofocus \
title=attr-fe-autofocus><code>autofocus</code></dfn> + content attribute allows the \
author to indicate that a control is to + be focused as soon as the page is loaded, \
allowing the user to just + start typing without having to manually focus the main \
control.</p>
- <h5 id=autofilling-form-controls:-the-autocomplete-attribute><span \
class=secno>4.10.19.7 </span>Autofilling form controls: the <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code> \
attribute</h5> + <p>The <code title=attr-fe-autofocus><a \
href=#attr-fe-autofocus>autofocus</a></code> attribute is + a <a \
href=#boolean-attribute>boolean attribute</a>.</p>
- <p>User agents sometimes have features for helping users fill forms
- in, for example prefilling the user's address based on earlier user
- input.</p>
+ <p>There must not be more than one element in the document with the
+ <code title=attr-fe-autofocus><a href=#attr-fe-autofocus>autofocus</a></code> \
attribute + specified.</p>
- <p>A <dfn id=attr-fe-autocomplete title=attr-fe-autocomplete>form control <code \
title="">autocomplete</code> attribute</dfn> on a form control is an
- <a href=#enumerated-attribute>enumerated attribute</a>. The attribute has three \
states.
- The <code title=attr-fe-autocomplete-on>on</code> keyword maps to
- the <dfn id=attr-fe-autocomplete-automatic-state \
title=attr-fe-autocomplete-automatic-state>automatic</dfn> state,
- and the <code title=attr-fe-autocomplete-off>off</code> keyword
- maps to the <dfn id=attr-fe-autocomplete-off-state \
title=attr-fe-autocomplete-off-state>off</dfn>
- state. The attribute may also be omitted. The <i>missing value
- default</i> is the <dfn id=attr-fe-autocomplete-default-state \
title=attr-fe-autocomplete-default-state>default</dfn> state.</p> + <div class=impl>
- <p>The <a href=#attr-fe-autocomplete-off-state \
title=attr-fe-autocomplete-off-state>off</a>
- state 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>When an element with the <code title=attr-fe-autofocus><a \
href=#attr-fe-autofocus>autofocus</a></code> attribute specified is + <a \
href=#insert-an-element-into-a-document title="insert an element into a \
document">inserted into a + document</a>, user agents should run the following \
steps:</p>
- <p>Conversely, the <a href=#attr-fe-autocomplete-automatic-state \
title=attr-fe-autocomplete-automatic-state>automatic</a> state
- indicates that the value is not particularly sensitive and the user
- can expect to be able to rely on his user agent to remember values
- he has entered for that control.</p>
+ <ol><li><p>Let <var title="">target</var> be the element's
+ <code><a href=#document>Document</a></code>.</li>
- <p>The <a href=#attr-fe-autocomplete-default-state \
title=attr-fe-autocomplete-default-state>default</a> state
- indicates that the user agent is to use the <code title=attr-form-autocomplete><a \
href=#attr-form-autocomplete>autocomplete</a></code> attribute on the
- element's <a href=#form-owner>form owner</a> instead. (By default, the <code \
title=attr-form-autocomplete><a href=#attr-form-autocomplete>autocomplete</a></code> \
attribute of
- <code><a href=#the-form-element>form</a></code> elements is in the <a \
href=#attr-form-autocomplete-automatic-state \
title=attr-form-autocomplete-automatic-state>on</a> state.)</p> + <li><p>If <var \
title="">target</var> has no <a href=#browsing-context>browsing + context</a>, \
abort these steps.</li>
- <div class=impl>
+ <li><p>If <var title="">target</var>'s <a href=#browsing-context>browsing
+ context</a> has no <a href=#top-level-browsing-context>top-level browsing \
context</a> (e.g. + it is a <a href=#nested-browsing-context>nested browsing \
context</a> with no <a href=#parent-browsing-context>parent + browsing \
context</a>), abort these steps.</li>
- <p>Each form control defined to have a <a href=#attr-fe-autocomplete \
title=attr-fe-autocomplete>form control <code title="">autocomplete</code> \
attribute</a> has a <dfn id=resulting-autocompletion-state>resulting
- autocompletion state</dfn>, which is either <i title="">automatic</i> or <i \
title="">off</i>.</p> + <li><p>If <var title="">target</var>'s <a \
href=#active-sandboxing-flag-set>active sandboxing + flag set</a> has the <a \
href=#sandboxed-automatic-features-browsing-context-flag>sandboxed automatic features \
+ browsing context flag</a>, abort these steps.</li>
- <p>When such a form control is in one of the following conditions,
- its <a href=#resulting-autocompletion-state>resulting autocompletion state</a> is \
<i title="">automatic</i>; otherwise, the its <a \
href=#resulting-autocompletion-state>resulting
- autocompletion state</a> is <i title="">off</i>:</p>
+ <li><p>If <var title="">target</var>'s <a href=#origin>origin</a> is not
+ the <a href=#same-origin title="same origin">same</a> as the
+ <a href=#origin>origin</a> of the <code><a href=#document>Document</a></code> of \
the currently + focused element in <var title="">target</var>'s <a \
href=#top-level-browsing-context>top-level + browsing context</a>, abort these \
steps.</li>
- <ul class=brief><li>Its <code title=attr-fe-autocomplete><a \
href=#attr-fe-autocomplete>autocomplete</a></code>
- attribute is in the <a href=#attr-fe-autocomplete-automatic-state \
title=attr-fe-autocomplete-automatic-state>automatic</a>
- state.</li>
+ <li><p>If <var title="">target</var>'s <a href=#origin>origin</a> is not
+ the <a href=#same-origin title="same origin">same</a> as the
+ <a href=#origin>origin</a> of the <a href=#active-document>active document</a> of \
<var title="">target</var>'s <a href=#top-level-browsing-context>top-level browsing \
context</a>, + abort these steps.</li>
- <li>Its <code title=attr-fe-autocomplete><a \
href=#attr-fe-autocomplete>autocomplete</a></code>
- attribute is in the <a href=#attr-fe-autocomplete-default-state \
title=attr-fe-autocomplete-default-state>default</a> state,
- and the element has no <a href=#form-owner>form owner</a>.</li>
+ <li><p>If the user agent has already reached the last step of this
+ list of steps in response to an element being <a \
href=#insert-an-element-into-a-document title="insert + an element into a \
document">inserted</a> into a + <code><a href=#document>Document</a></code> whose \
<a href=#top-level-browsing-context>top-level browsing + context</a>'s <a \
href=#active-document>active document</a> is the same as <var title="">target</var>'s \
<a href=#top-level-browsing-context>top-level browsing context</a>'s + <a \
href=#active-document>active document</a>, abort these steps.</li>
- <li>Its <code title=attr-fe-autocomplete><a \
href=#attr-fe-autocomplete>autocomplete</a></code>
- attribute is in the <a href=#attr-fe-autocomplete-default-state \
title=attr-fe-autocomplete-default-state>default</a> state,
- and the element's <a href=#form-owner>form owner</a>'s <code \
title=attr-form-autocomplete><a href=#attr-form-autocomplete>autocomplete</a></code> \
attribute is in
- the <a href=#attr-form-autocomplete-automatic-state \
title=attr-form-autocomplete-automatic-state>automatic</a>
- state.</li>
+ <li><p>If the user has indicated (for example, by starting to type
+ in a form control) that he does not wish focus to be changed, then
+ optionally abort these steps.</li>
- </ul><p>When a form control's <a href=#resulting-autocompletion-state>resulting \
autocompletion state</a>
- is <i title="">automatic</i>, the user agent may store the value
- entered or selected by the user so that if the user returns to the
- page, the UA can prefill the form. Otherwise, the user agent should
- not remember the control's <a href=#concept-fe-value \
title=concept-fe-value>value</a>, and should not offer past
- values to the user.</p>
+ <li><p><a href=#queue-a-task>Queue a task</a> that checks to see if the element
+ is <a href=#focusable>focusable</a>, and if so, runs the <a \
href=#focusing-steps>focusing + steps</a> for that element. User agents may also \
change the + scrolling position of the document, or perform some other action
+ that brings the element to the user's attention. The <a href=#task-source>task
+ source</a> for this task is the <a href=#dom-manipulation-task-source>DOM \
manipulation task + source</a>.</li>
- <p>In addition, if the <a href=#resulting-autocompletion-state>resulting \
autocompletion state</a>
- is <i title="">off</i>, <a href=#history-autocomplete>values are
- reset</a> when <a href=#traverse-the-history title="traverse the \
history">traversing the
- history</a>.</p>
+ </ol><p class=note>Focusing the control does not imply that the user
+ agent must focus the browser window if it has lost focus.</p>
- <p>The autocompletion mechanism must be implemented by the user
- agent acting as if the user had modified the element's <a href=#concept-fe-value \
title=concept-fe-value>value</a>, and must be done at a time
- where the element is <i title=concept-input-mutable><a \
href=#concept-input-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 title="stop parsing">stops
- parsing</a>).</p> <!-- XXX only input elements have
- concept-input-mutable -->
+ <p>The <dfn id=dom-fe-autofocus \
title=dom-fe-autofocus><code>autofocus</code></dfn> + IDL attribute must <a \
href=#reflect>reflect</a> the content attribute of the + same name.</p>
- <p>A user agent may allow the user to override the <a \
href=#resulting-autocompletion-state>resulting
- autocompletion state</a> and set it to always <i title="">on</i>,
- always allowing values to be remembered and prefilled, or always <i \
title="">off</i>, never remembering values. However, user agents
- should not allow users to trivially override the <a \
href=#resulting-autocompletion-state>resulting
- autocompletion state</a> to <i title="">on</i>, as there are
- significant security implications for the user if all values are
- always remembered, regardless of the site's preferences.</p>
+ </div>
+ <div class=example>
+ <p>In the following snippet, the text control would be focused when
+ the document was loaded.</p>
+ <pre><input maxlength="256" name="q" value="" autofocus>
+<input type="submit" value="Search"></pre>
</div>
+ <h5 id=input-modalities:-the-inputmode-attribute><span class=secno>4.10.19.7 \
</span>Input modalities: the <code title=attr-fe-inputmode><a \
href=#attr-fe-inputmode>inputmode</a></code> attribute</h5>
- <h5 id=input-modalities:-the-inputmode-attribute><span class=secno>4.10.19.8 \
</span>Input modalities: the <code title=attr-inputmode><a \
href=#attr-inputmode>inputmode</a></code> attribute</h5>
-
<!-- v2: Apply this to contentEditable elements -->
- <p>A <dfn id=attr-inputmode title=attr-inputmode>form control <code \
title="">inputmode</code> attribute</dfn> on a form control element
- is an <a href=#enumerated-attribute>enumerated attribute</a> that specifies what \
kind of
- input mechanism would be most helpful for users entering content
- into the form control.</p>
+ <p>The <dfn id=attr-fe-inputmode \
title=attr-fe-inputmode><code>inputmode</code></dfn> + content attribute is an <a \
href=#enumerated-attribute>enumerated attribute</a> that + specifies what kind of \
input mechanism would be most helpful for + users entering content into the form \
control.</p>
<div class=impl>
@@ -54792,11 +54661,11 @@
<p class=note>For example, if a user agent with a QWERTY keyboard
layout does not support text prediction and automatic
- capitalization, then it could treat the <code \
title=attr-inputmode-keyword-latin-prose><a \
href=#attr-inputmode-keyword-latin-prose>latin-prose</a></code>
- keyword in the same way as the <code title=attr-inputmode-keyword-verbatim><a \
href=#attr-inputmode-keyword-verbatim>verbatim</a></code> keyword,
- following the chain <a href=#attr-inputmode-state-latin-prose \
title=attr-inputmode-state-latin-prose>Latin Prose</a> →
- <a href=#attr-inputmode-state-latin title=attr-inputmode-state-latin>Latin \
Text</a> →
- <a href=#attr-inputmode-state-verbatim title=attr-inputmode-state-verbatim>Latin
+ capitalization, then it could treat the <code \
title=attr-fe-inputmode-keyword-latin-prose><a \
href=#attr-fe-inputmode-keyword-latin-prose>latin-prose</a></code> + keyword in the \
same way as the <code title=attr-fe-inputmode-keyword-verbatim><a \
href=#attr-fe-inputmode-keyword-verbatim>verbatim</a></code> keyword, + following \
the chain <a href=#attr-fe-inputmode-state-latin-prose \
title=attr-fe-inputmode-state-latin-prose>Latin Prose</a> → + <a \
href=#attr-fe-inputmode-state-latin title=attr-fe-inputmode-state-latin>Latin \
Text</a> → + <a href=#attr-fe-inputmode-state-verbatim \
title=attr-fe-inputmode-state-verbatim>Latin Verbatim</a>.</p>
</div>
@@ -54812,74 +54681,74 @@
<th> Fallback state
<th> Description
- <tbody><tr><td> <dfn id=attr-inputmode-keyword-verbatim \
title=attr-inputmode-keyword-verbatim><code>verbatim</code></dfn>
- <td> <dfn id=attr-inputmode-state-verbatim \
title=attr-inputmode-state-verbatim>Latin Verbatim</dfn>
- <td> <a href=#attr-inputmode-state-default \
title=attr-inputmode-state-default>Default</a> + <tbody><tr><td> <dfn \
id=attr-fe-inputmode-keyword-verbatim \
title=attr-fe-inputmode-keyword-verbatim><code>verbatim</code></dfn> + <td> <dfn \
id=attr-fe-inputmode-state-verbatim title=attr-fe-inputmode-state-verbatim>Latin \
Verbatim</dfn> + <td> <a href=#attr-fe-inputmode-state-default \
title=attr-fe-inputmode-state-default>Default</a>
<td> Alphanumeric Latin-script input of non-prose content, e.g. usernames, \
passwords, product codes.
- <tr><td> <dfn id=attr-inputmode-keyword-latin \
title=attr-inputmode-keyword-latin><code>latin</code></dfn>
- <td> <dfn id=attr-inputmode-state-latin title=attr-inputmode-state-latin>Latin \
Text</dfn>
- <td> <a href=#attr-inputmode-state-verbatim \
title=attr-inputmode-state-verbatim>Latin Verbatim</a> + <tr><td> <dfn \
id=attr-fe-inputmode-keyword-latin \
title=attr-fe-inputmode-keyword-latin><code>latin</code></dfn> + <td> <dfn \
id=attr-fe-inputmode-state-latin title=attr-fe-inputmode-state-latin>Latin Text</dfn> \
+ <td> <a href=#attr-fe-inputmode-state-verbatim \
title=attr-fe-inputmode-state-verbatim>Latin Verbatim</a> <td> Latin-script input in \
the user's preferred language(s), with some typing aids enabled (e.g. text \
prediction). Intended for human-to-computer communications, e.g. free-form text \
search fields.
- <tr><td> <dfn id=attr-inputmode-keyword-latin-prose \
title=attr-inputmode-keyword-latin-prose><code>latin-prose</code></dfn>
- <td> <dfn id=attr-inputmode-state-latin-prose \
title=attr-inputmode-state-latin-prose>Latin Prose</dfn>
- <td> <a href=#attr-inputmode-state-latin title=attr-inputmode-state-latin>Latin \
Text</a> + <tr><td> <dfn id=attr-fe-inputmode-keyword-latin-prose \
title=attr-fe-inputmode-keyword-latin-prose><code>latin-prose</code></dfn> + <td> \
<dfn id=attr-fe-inputmode-state-latin-prose \
title=attr-fe-inputmode-state-latin-prose>Latin Prose</dfn> + <td> <a \
href=#attr-fe-inputmode-state-latin title=attr-fe-inputmode-state-latin>Latin \
Text</a> <td> Latin-script input in the user's preferred language(s), with \
aggressive typing aids intended for human-to-human communications enabled (e.g. text \
prediction and automatic capitalisation at the start of sentences). Intended for \
situations such as e-mails and instant messaging.
- <tr><td> <dfn id=attr-inputmode-keyword-full-width-latin \
title=attr-inputmode-keyword-full-width-latin><code>full-width-latin</code></dfn>
- <td> <dfn id=attr-inputmode-state-full-width-latin \
title=attr-inputmode-state-full-width-latin>Full-width Latin</dfn>
- <td> <a href=#attr-inputmode-state-latin title=attr-inputmode-state-latin>Latin \
Prose</a> + <tr><td> <dfn id=attr-fe-inputmode-keyword-full-width-latin \
title=attr-fe-inputmode-keyword-full-width-latin><code>full-width-latin</code></dfn> \
+ <td> <dfn id=attr-fe-inputmode-state-full-width-latin \
title=attr-fe-inputmode-state-full-width-latin>Full-width Latin</dfn> + <td> <a \
href=#attr-fe-inputmode-state-latin title=attr-fe-inputmode-state-latin>Latin \
Prose</a> <td> Latin-script input in the user's secondary language(s), using \
full-width characters, with aggressive typing aids intended for human-to-human \
communications enabled (e.g. text prediction and automatic capitalisation at the \
start of sentences). Intended for latin text embedded inside CJK text.
- <tr><td> <dfn id=attr-inputmode-keyword-kana \
title=attr-inputmode-keyword-kana><code>kana</code></dfn>
- <td> <dfn id=attr-inputmode-state-kana \
title=attr-inputmode-state-kana>Kana</dfn>
- <td> <a href=#attr-inputmode-state-default \
title=attr-inputmode-state-default>Default</a> + <tr><td> <dfn \
id=attr-fe-inputmode-keyword-kana \
title=attr-fe-inputmode-keyword-kana><code>kana</code></dfn> + <td> <dfn \
id=attr-fe-inputmode-state-kana title=attr-fe-inputmode-state-kana>Kana</dfn> + \
<td> <a href=#attr-fe-inputmode-state-default \
title=attr-fe-inputmode-state-default>Default</a>
<td> Kana or romaji input, typically hiragana input, using full-width \
characters, with support for converting to kanji. Intended for Japanese text input.
- <tr><td> <dfn id=attr-inputmode-keyword-katakana \
title=attr-inputmode-keyword-katakana><code>katakana</code></dfn>
- <td> <dfn id=attr-inputmode-state-katakana \
title=attr-inputmode-state-katakana>Katakana</dfn>
- <td> <a href=#attr-inputmode-state-kana \
title=attr-inputmode-state-kana>Kana</a> + <tr><td> <dfn \
id=attr-fe-inputmode-keyword-katakana \
title=attr-fe-inputmode-keyword-katakana><code>katakana</code></dfn> + <td> <dfn \
id=attr-fe-inputmode-state-katakana \
title=attr-fe-inputmode-state-katakana>Katakana</dfn> + <td> <a \
href=#attr-fe-inputmode-state-kana \
title=attr-fe-inputmode-state-kana>Kana</a>
<td> Katakana input, using full-width characters, with support for converting \
to kanji. Intended for Japanese text input.
<!-- See comment on \
https://plus.google.com/u/0/107429617152575897589/posts/WwVmKNjcZ4p <tr>
- <td> <dfn title="attr-inputmode-keyword-half-width-katakana"><code>half-width-katakana</code></dfn>
- <td> <dfn title="attr-inputmode-state-half-width-katakana">Half-width \
Katakana</dfn>
- <td> <span title="attr-inputmode-state-katakana">Katakana</span>
+ <td> <dfn title="attr-fe-inputmode-keyword-half-width-katakana"><code>half-width-katakana</code></dfn>
+ <td> <dfn title="attr-fe-inputmode-state-half-width-katakana">Half-width \
Katakana</dfn> + <td> <span \
title="attr-fe-inputmode-state-katakana">Katakana</span>
<td> Katakana input, using half-width characters, with support for converting \
to kanji. Intended for Japanese text input.
-->
- <tr><td> <dfn id=attr-inputmode-keyword-numeric \
title=attr-inputmode-keyword-numeric><code>numeric</code></dfn>
- <td> <dfn id=attr-inputmode-state-numeric \
title=attr-inputmode-state-numeric>Numeric</dfn>
- <td> <a href=#attr-inputmode-state-default \
title=attr-inputmode-state-default>Default</a> + <tr><td> <dfn \
id=attr-fe-inputmode-keyword-numeric \
title=attr-fe-inputmode-keyword-numeric><code>numeric</code></dfn> + <td> <dfn \
id=attr-fe-inputmode-state-numeric \
title=attr-fe-inputmode-state-numeric>Numeric</dfn> + <td> <a \
href=#attr-fe-inputmode-state-default \
title=attr-fe-inputmode-state-default>Default</a> <td> Numeric input, including keys \
for the digits 0 to 9, the user's preferred thousands separator character, and the \
character for indicating negative numbers. Intended for prices, dates, times.
- <tr><td> <dfn id=attr-inputmode-keyword \
title=attr-inputmode-keyword-><code>tel</code></dfn>
- <td> <dfn id=attr-inputmode-state-telephone \
title=attr-inputmode-state-telephone>Telephone</dfn>
- <td> <a href=#attr-inputmode-state-numeric \
title=attr-inputmode-state-numeric>Numeric</a> + <tr><td> <dfn \
id=attr-fe-inputmode-keyword title=attr-fe-inputmode-keyword-><code>tel</code></dfn> \
+ <td> <dfn id=attr-fe-inputmode-state-telephone \
title=attr-fe-inputmode-state-telephone>Telephone</dfn> + <td> <a \
href=#attr-fe-inputmode-state-numeric \
title=attr-fe-inputmode-state-numeric>Numeric</a> <td> Telephone number input, \
including keys for the digits 0 to 9, the "#" character, and the "*" character. In \
some locales, this can also include alphabetic mnemonic labels (e.g. in the US, the \
key labeled "1" is historically also labeled with the letters A, B, and C).
- <tr><td> <dfn id=attr-inputmode-keyword-email \
title=attr-inputmode-keyword-email><code>email</code></dfn>
- <td> <dfn id=attr-inputmode-state-email \
title=attr-inputmode-state-email>E-mail</dfn>
- <td> <a href=#attr-inputmode-state-default \
title=attr-inputmode-state-default>Default</a> + <tr><td> <dfn \
id=attr-fe-inputmode-keyword-email \
title=attr-fe-inputmode-keyword-email><code>email</code></dfn> + <td> <dfn \
id=attr-fe-inputmode-state-email title=attr-fe-inputmode-state-email>E-mail</dfn> + \
<td> <a href=#attr-fe-inputmode-state-default \
title=attr-fe-inputmode-state-default>Default</a>
<td> Text input in the user's locale, with keys for aiding in the input of \
e-mail addresses, such as that for the "@" character and the "." character.
- <tr><td> <dfn id=attr-inputmode-keyword-url \
title=attr-inputmode-keyword-url><code>url</code></dfn>
- <td> <dfn id=attr-inputmode-state-url title=attr-inputmode-state-url>URL</dfn>
- <td> <a href=#attr-inputmode-state-default \
title=attr-inputmode-state-default>Default</a> + <tr><td> <dfn \
id=attr-fe-inputmode-keyword-url \
title=attr-fe-inputmode-keyword-url><code>url</code></dfn> + <td> <dfn \
id=attr-fe-inputmode-state-url title=attr-fe-inputmode-state-url>URL</dfn> + <td> \
<a href=#attr-fe-inputmode-state-default \
title=attr-fe-inputmode-state-default>Default</a> <td> Text input in the user's \
locale, with keys for aiding in the input of Web addresses, such as that for the "/" \
and "." characters and for quick input of strings commonly found in domain names such \
as "www." or ".co.uk".
- </table><p>User agents <span class=impl>must</span> all support the <dfn \
id=attr-inputmode-state-default title=attr-inputmode-state-default>Default</dfn> \
input mode state, + </table><p>User agents <span class=impl>must</span> all support \
the <dfn id=attr-fe-inputmode-state-default \
title=attr-fe-inputmode-state-default>Default</dfn> input mode state, which \
corresponds to the user agent's default input modality. <span class=impl>This \
specification does not define how the user agent's default modality is to \
operate.</span> The <i>missing value
- default</i> is the <a href=#attr-inputmode-state-default \
title=attr-inputmode-state-default>default input mode</a> + default</i> is the <a \
href=#attr-fe-inputmode-state-default title=attr-fe-inputmode-state-default>default \
input mode</a> state.</p>
<div class=impl>
<p>User agents should use the input modality corresponding to the
- state of the <code title=attr-inputmode><a \
href=#attr-inputmode>inputmode</a></code> attribute + state of the <code \
title=attr-fe-inputmode><a href=#attr-fe-inputmode>inputmode</a></code> attribute \
when exposing a user interface for editing the value of a form control to which the \
attribute applies. An input modality corresponding to a state is one designed to fit \
the description of @@ -54890,6 +54759,105 @@
</div>
+ <h5 id=autofilling-form-controls:-the-autocomplete-attribute><span \
class=secno>4.10.19.8 </span>Autofilling form controls: the <code \
title=attr-fe-autocomplete><a href=#attr-fe-autocomplete>autocomplete</a></code> \
attribute</h5> +
+ <p>User agents sometimes have features for helping users fill forms
+ in, for example prefilling the user's address based on earlier user
+ input.</p>
+
+ <p>The <dfn id=attr-fe-autocomplete \
title=attr-fe-autocomplete><code>autocomplete</code></dfn> content + attribute is an \
<a href=#enumerated-attribute>enumerated attribute</a>. The attribute has + three \
states. The <code title=attr-fe-autocomplete-on>on</code> + keyword maps to the <dfn \
id=attr-fe-autocomplete-automatic-state \
title=attr-fe-autocomplete-automatic-state>automatic</dfn> state, + and the <code \
title=attr-fe-autocomplete-off>off</code> keyword + maps to the <dfn \
id=attr-fe-autocomplete-off-state title=attr-fe-autocomplete-off-state>off</dfn> + \
state. The attribute may also be omitted. The <i>missing value + default</i> is the \
<dfn id=attr-fe-autocomplete-default-state \
title=attr-fe-autocomplete-default-state>default</dfn> state.</p> +
+ <p>The <a href=#attr-fe-autocomplete-off-state \
title=attr-fe-autocomplete-off-state>off</a> + state 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>Conversely, the <a href=#attr-fe-autocomplete-automatic-state \
title=attr-fe-autocomplete-automatic-state>automatic</a> state + indicates that the \
value is not particularly sensitive and the user + can expect to be able to rely on \
his user agent to remember values + he has entered for that control.</p>
+
+ <p>The <a href=#attr-fe-autocomplete-default-state \
title=attr-fe-autocomplete-default-state>default</a> state + indicates that the user \
agent is to use the <code title=attr-form-autocomplete><a \
href=#attr-form-autocomplete>autocomplete</a></code> attribute on the + element's <a \
href=#form-owner>form owner</a> instead. (By default, the <code \
title=attr-form-autocomplete><a href=#attr-form-autocomplete>autocomplete</a></code> \
attribute of + <code><a href=#the-form-element>form</a></code> elements is in the <a \
href=#attr-form-autocomplete-automatic-state \
title=attr-form-autocomplete-automatic-state>on</a> state.)</p> +
+ <div class=impl>
+
+ <p>Each form control defined to have a <code title=attr-fe-autocomplete><a \
href=#attr-fe-autocomplete> title="">autocomplete</a></code> attribute + has a \
<dfn id=resulting-autocompletion-state>resulting autocompletion state</dfn>, which is \
either <i title="">automatic</i> or <i title="">off</i>.</p> +
+ <p>When such a form control is in one of the following conditions,
+ its <a href=#resulting-autocompletion-state>resulting autocompletion state</a> is \
<i title="">automatic</i>; otherwise, the its <a \
href=#resulting-autocompletion-state>resulting + autocompletion state</a> is <i \
title="">off</i>:</p> +
+ <ul class=brief><li>Its <code title=attr-fe-autocomplete><a \
href=#attr-fe-autocomplete>autocomplete</a></code> + attribute is in the <a \
href=#attr-fe-autocomplete-automatic-state \
title=attr-fe-autocomplete-automatic-state>automatic</a> + state.</li>
+
+ <li>Its <code title=attr-fe-autocomplete><a \
href=#attr-fe-autocomplete>autocomplete</a></code> + attribute is in the <a \
href=#attr-fe-autocomplete-default-state \
title=attr-fe-autocomplete-default-state>default</a> state, + and the element has \
no <a href=#form-owner>form owner</a>.</li> +
+ <li>Its <code title=attr-fe-autocomplete><a \
href=#attr-fe-autocomplete>autocomplete</a></code> + attribute is in the <a \
href=#attr-fe-autocomplete-default-state \
title=attr-fe-autocomplete-default-state>default</a> state, + and the element's <a \
href=#form-owner>form owner</a>'s <code title=attr-form-autocomplete><a \
href=#attr-form-autocomplete>autocomplete</a></code> attribute is in + the <a \
href=#attr-form-autocomplete-automatic-state \
title=attr-form-autocomplete-automatic-state>automatic</a> + state.</li>
+
+ </ul><p>When a form control's <a href=#resulting-autocompletion-state>resulting \
autocompletion state</a> + is <i title="">automatic</i>, the user agent may store \
the value + entered or selected by the user so that if the user returns to the
+ page, the UA can prefill the form. Otherwise, the user agent should
+ not remember the control's <a href=#concept-fe-value \
title=concept-fe-value>value</a>, and should not offer past + values to the \
user.</p> +
+ <p>In addition, if the <a href=#resulting-autocompletion-state>resulting \
autocompletion state</a> + is <i title="">off</i>, <a \
href=#history-autocomplete>values are + reset</a> when <a href=#traverse-the-history \
title="traverse the history">traversing the + history</a>.</p>
+
+ <p>The autocompletion mechanism must be implemented by the user
+ agent acting as if the user had modified the element's <a href=#concept-fe-value \
title=concept-fe-value>value</a>, and must be done at a time + where the element is \
<i title=concept-input-mutable><a href=#concept-input-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 title="stop parsing">stops + parsing</a>).</p> <!-- XXX \
only input elements have + concept-input-mutable -->
+
+ <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>
+
+ <p>A user agent may allow the user to override the <a \
href=#resulting-autocompletion-state>resulting + autocompletion state</a> and set it \
to always <i title="">on</i>, + always allowing values to be remembered and \
prefilled, or always <i title="">off</i>, never remembering values. However, user \
agents + should not allow users to trivially override the <a \
href=#resulting-autocompletion-state>resulting + autocompletion state</a> to <i \
title="">on</i>, as there are + significant security implications for the user if \
all values are + always remembered, regardless of the site's preferences.</p>
+
+ </div>
+
+
<!--TOPIC:DOM APIs-->
<h4 id=textFieldSelection><span class=secno>4.10.20 </span>APIs for the text field \
selections</h4>
@@ -56328,11 +56296,13 @@
<li>
- <p>If the element has a <a href=#form-control-dirname-attribute>form control \
<code title="">dirname</code> attribute</a>, and that attribute's
- value is not the empty string, then run these substeps:</p>
+ <p>If the element has a <code title=attr-fe-dirname><a \
href=#attr-fe-dirname>dirname</a></code> attribute, and that + attribute's value \
is not the empty string, then run these + substeps:</p>
<ol><li><p>Let <var title="">dirname</var> be the value of the
- element's <code title="">dirname</code> attribute.</li>
+ element's <code title=attr-fe-dirname><a \
href=#attr-fe-dirname>dirname</a></code> + attribute.</li>
<li><p>Let <var title="">dir</var> be the string "<code title="">ltr</code>" \
if <a href=#the-directionality>the directionality</a> of the
element is '<a href=#concept-ltr title=concept-ltr>ltr</a>', and "<code \
title="">rtl</code>" otherwise (i.e. when <a href=#the-directionality>the @@ -56341,8 \
+56311,7 @@ <li><p>Append an entry to the <var title="">form data set</var>
with <var title="">dirname</var> as the name, <var title="">dir</var> as the \
value, and the string "<code title="">direction</code>" as the type.</li>
- </ol><p class=note>An element can only have a <a \
href=#form-control-dirname-attribute>form control
- <code title="">dirname</code> attribute</a> if it is a
+ </ol><p class=note>An element can only have a <code title=attr-fe-dirname><a \
href=#attr-fe-dirname>dirname</a></code> attribute if it is a
<code><a href=#the-textarea-element>textarea</a></code> element or an <code><a \
href=#the-input-element>input</a></code> element
whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> \
attribute is in
either the <a href="#text-(type=text)-state-and-search-state-(type=search)" \
title=attr-input-type-text>Text</a> state @@ -100679,10 +100648,10 @@
<td><a href=#global-attributes title="global attributes">globals</a>;
<code title=attr-input-accept><a href=#attr-input-accept>accept</a></code>;
<code title=attr-input-alt><a href=#attr-input-alt>alt</a></code>;
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>autocomplete</a></code>; + <code \
title=attr-fe-autocomplete><a \
href=#attr-fe-autocomplete>autocomplete</a></code>;
<code title=attr-fe-autofocus><a \
href=#attr-fe-autofocus>autofocus</a></code>;
<code title=attr-input-checked><a \
href=#attr-input-checked>checked</a></code>;
- <code title=attr-input-dirname><a \
href=#attr-input-dirname>dirname</a></code>; + <code title=attr-fe-dirname><a \
href=#attr-fe-dirname>dirname</a></code>;
<code title=attr-fe-disabled><a href=#attr-fe-disabled>disabled</a></code>;
<code title=attr-fae-form><a href=#attr-fae-form>form</a></code>;
<code title=attr-fs-formaction><a \
href=#attr-fs-formaction>formaction</a></code>; @@ -101179,7 +101148,7 @@
<td><a href=#global-attributes title="global attributes">globals</a>;
<code title=attr-fe-autofocus><a \
href=#attr-fe-autofocus>autofocus</a></code>;
<code title=attr-textarea-cols><a href=#attr-textarea-cols>cols</a></code>;
- <code title=attr-textarea-dirname><a \
href=#attr-textarea-dirname>dirname</a></code>; + <code \
title=attr-fe-dirname><a href=#attr-fe-dirname>dirname</a></code>;
<code title=attr-fe-disabled><a href=#attr-fe-disabled>disabled</a></code>;
<code title=attr-fae-form><a href=#attr-fae-form>form</a></code>;
<code title=attr-textarea-maxlength><a \
href=#attr-textarea-maxlength>maxlength</a></code>; @@ -101749,7 +101718,7 @@
<td> <a href=#boolean-attribute>Boolean attribute</a>
<tr><th> <code title="">autocomplete</code>
<td> <code title=attr-form-autocomplete><a \
href=#attr-form-autocomplete>form</a></code>;
- <code title=attr-input-autocomplete><a \
href=#attr-input-autocomplete>input</a></code> + <code \
title=attr-fe-autocomplete><a \
href=#attr-fe-autocomplete>input</a></code>
<td> Prevent the user agent from providing autocompletions for the form \
control(s) <td> "<code title="">on</code>"; "<code title="">off</code>"
<tr><th> <code title="">autofocus</code>
@@ -101868,8 +101837,8 @@
<td> <a href=#the-directionality title="the directionality">The text \
directionality</a> of the element <td> "<code title=attr-dir-ltr><a \
href=#attr-dir-ltr>ltr</a></code>"; "<code title=attr-dir-rtl><a \
href=#attr-dir-rtl>rtl</a></code>"; "<code title=attr-dir-auto><a \
href=#attr-dir-auto>auto</a></code>" <tr><th> <code title="">dirname</code>
- <td> <code title=attr-input-dirname><a \
href=#attr-input-dirname>input</a></code>;
- <code title=attr-textarea-dirname><a \
href=#attr-textarea-dirname>textarea</a></code> + <td> <code \
title=attr-fe-dirname><a href=#attr-fe-dirname>input</a></code>; + <code \
title=attr-fe-dirname><a href=#attr-fe-dirname>textarea</a></code> <td> Name of form \
field to use for sending the element's <a href=#the-directionality title="the \
directionality">directionality</a> in <a href=#form-submission>form submission</a> \
<td> <a href=#attribute-text>Text</a>* <tr><th> <code title="">disabled</code>
Modified: source
===================================================================
--- source 2012-07-26 19:10:48 UTC (rev 7208)
+++ source 2012-07-26 22:18:33 UTC (rev 7209)
@@ -53524,10 +53524,10 @@
<dd><span>Global attributes</span></dd>
<dd><code title="attr-input-accept">accept</code></dd>
<dd><code title="attr-input-alt">alt</code></dd>
- <dd><code title="attr-input-autocomplete">autocomplete</code></dd>
+ <dd><code title="attr-fe-autocomplete">autocomplete</code></dd>
<dd><code title="attr-fe-autofocus">autofocus</code></dd>
<dd><code title="attr-input-checked">checked</code></dd>
- <dd><code title="attr-input-dirname">dirname</code></dd>
+ <dd><code title="attr-fe-dirname">dirname</code></dd>
<dd><code title="attr-fe-disabled">disabled</code></dd>
<dd><code title="attr-fae-form">form</code></dd>
<dd><code title="attr-fs-formaction">formaction</code></dd>
@@ -53536,7 +53536,7 @@
<dd><code title="attr-fs-formnovalidate">formnovalidate</code></dd>
<dd><code title="attr-fs-formtarget">formtarget</code></dd>
<dd><code title="attr-dim-height">height</code></dd>
- <dd><code title="attr-input-inputmode">inputmode</code></dd>
+ <dd><code title="attr-fe-inputmode">inputmode</code></dd>
<dd><code title="attr-input-list">list</code></dd>
<dd><code title="attr-input-max">max</code></dd>
<dd><code title="attr-input-maxlength">maxlength</code></dd>
@@ -53758,16 +53758,16 @@
<p>Which of the <code title="attr-input-accept">accept</code>, <code
title="attr-input-alt">alt</code>, <code
- title="attr-input-autocomplete">autocomplete</code>, <code
+ title="attr-fe-autocomplete">autocomplete</code>, <code
title="attr-input-checked">checked</code>, <code
- title="attr-input-dirname">dirname</code>, <code
+ title="attr-fe-dirname">dirname</code>, <code
title="attr-fs-formaction">formaction</code>, <code
title="attr-fs-formenctype">formenctype</code>, <code
title="attr-fs-formmethod">formmethod</code>, <code
title="attr-fs-formnovalidate">formnovalidate</code>, <code
title="attr-fs-formtarget">formtarget</code>, <code
title="attr-dim-height">height</code>, <code
- title="attr-input-inputmode">inputmode</code>, <code
+ title="attr-fe-inputmode">inputmode</code>, <code
title="attr-input-list">list</code>, <code
title="attr-input-max">max</code>, <code
title="attr-input-maxlength">maxlength</code>, <code
@@ -53890,7 +53890,7 @@
<!-- <td class="no"> · Button -->
<tr>
- <th> <code title="attr-input-autocomplete">autocomplete</code>
+ <th> <code title="attr-fe-autocomplete">autocomplete</code>
<td class="no"> · <!-- Hidden -->
<td class="yes"> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
@@ -53940,7 +53940,7 @@
<!-- <td class="no"> · Button -->
<tr>
- <th> <code title="attr-input-dirname">dirname</code>
+ <th> <code title="attr-fe-dirname">dirname</code>
<td class="no"> · <!-- Hidden -->
<td class="yes"> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
@@ -54115,7 +54115,7 @@
<!-- <td class="no"> · Button -->
<tr>
- <th> <code title="attr-input-inputmode">inputmode</code>
+ <th> <code title="attr-fe-inputmode">inputmode</code>
<td class="no"> · <!-- Hidden -->
<td class="yes"> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
@@ -55073,14 +55073,15 @@
<hr>
- <p>The <code title="attr-fae-form">form</code> attribute is used to
- explicitly associate the <code>input</code> element with its
- <span>form owner</span>. The <code title="attr-fe-name">name</code>
- attribute represents the element's name. The <code
- title="attr-fe-disabled">disabled</code> attribute is used to make
- the control non-interactive and to prevent its value from being
- submitted. The <code title="attr-fe-autofocus">autofocus</code>
- attribute controls focus.</p>
+ <p>
+ The <code title="attr-fe-name">name</code> attribute represents the element's \
name. + The <code title="attr-fe-dirname">dirname</code> attribute controls how the \
element's <span title="the directionality">directionality</span> is submitted. + The \
<code title="attr-fe-disabled">disabled</code> attribute is used to make the control \
non-interactive and to prevent its value from being submitted. + The <code \
title="attr-fae-form">form</code> attribute is used to explicitly associate the \
<code>input</code> element with its <span>form owner</span>. + The <code \
title="attr-fe-autofocus">autofocus</code> attribute controls focus. + The <code \
title="attr-fe-inputmode">inputmode</code> attribute controls the user interface's \
input modality for the control. + The <code \
title="attr-fe-autocomplete">autocomplete</code> attribute controls how the user \
agent provides autofill behavior. + </p>
<div class="impl">
@@ -55106,7 +55107,7 @@
name. The <dfn
title="dom-input-dirName"><code>dirName</code></dfn> IDL attribute
must <span>reflect</span> the <code
- title="attr-input-dirname">dirname</code> content attribute. The <dfn
+ title="attr-fe-dirname">dirname</code> content attribute. The <dfn
title="dom-input-readOnly"><code>readOnly</code></dfn> IDL attribute
must <span>reflect</span> the <code
title="attr-input-readonly">readonly</code> content attribute. The
@@ -55125,7 +55126,7 @@
same name, <span>limited to only known values</span>. The <dfn
title="dom-input-inputmode"><code>inputMode</code></dfn> IDL
attribute must <span>reflect</span> the <code
- title="attr-input-inputmode">inputmode</code> content attribute,
+ title="attr-fe-inputmode">inputmode</code> content attribute,
<span>limited to only known values</span>. The <dfn
title="dom-input-maxLength"><code>maxLength</code></dfn> IDL
attribute must <span>reflect</span> the <code
@@ -55223,16 +55224,16 @@
apply</span> to the element:
<code class="no-backref" title="attr-input-accept">accept</code>,
<code class="no-backref" title="attr-input-alt">alt</code>,
- <code class="no-backref" title="attr-input-autocomplete">autocomplete</code>,
+ <code class="no-backref" title="attr-fe-autocomplete">autocomplete</code>,
<code class="no-backref" title="attr-input-checked">checked</code>,
- <code class="no-backref" title="attr-input-dirname">dirname</code>,
+ <code class="no-backref" title="attr-fe-dirname">dirname</code>,
<code class="no-backref" title="attr-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
<code class="no-backref" title="attr-fs-formnovalidate">formnovalidate</code>,
<code class="no-backref" title="attr-fs-formtarget">formtarget</code>,
<code class="no-backref" title="attr-dim-height">height</code>,
- <code class="no-backref" title="attr-input-inputmode">inputmode</code>,
+ <code class="no-backref" title="attr-fe-inputmode">inputmode</code>,
<code class="no-backref" title="attr-input-list">list</code>,
<code class="no-backref" title="attr-input-max">max</code>,
<code class="no-backref" title="attr-input-maxlength">maxlength</code>,
@@ -55348,9 +55349,9 @@
<p>The following common <code>input</code> element content
attributes, IDL attributes, and methods apply to the element:
- <code title="attr-input-autocomplete">autocomplete</code>,
- <code title="attr-input-dirname">dirname</code>,
- <code title="attr-input-inputmode">inputmode</code>,
+ <code title="attr-fe-autocomplete">autocomplete</code>,
+ <code title="attr-fe-dirname">dirname</code>,
+ <code title="attr-fe-inputmode">inputmode</code>,
<code title="attr-input-list">list</code>,
<code title="attr-input-maxlength">maxlength</code>,
<code title="attr-input-pattern">pattern</code>,
@@ -55460,7 +55461,7 @@
<p>The following common <code>input</code> element content
attributes, IDL attributes, and methods apply to the element:
- <code title="attr-input-autocomplete">autocomplete</code>,
+ <code title="attr-fe-autocomplete">autocomplete</code>,
<code title="attr-input-list">list</code>,
<code title="attr-input-maxlength">maxlength</code>,
<code title="attr-input-pattern">pattern</code>,
@@ -55489,14 +55490,14 @@
<code class="no-backref" title="attr-input-accept">accept</code>,
<code class="no-backref" title="attr-input-alt">alt</code>,
<code class="no-backref" title="attr-input-checked">checked</code>,
- <code class="no-backref" title="attr-input-dirname">dirname</code>,
+ <code class="no-backref" title="attr-fe-dirname">dirname</code>,
<code class="no-backref" title="attr-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
<code class="no-backref" title="attr-fs-formnovalidate">formnovalidate</code>,
<code class="no-backref" title="attr-fs-formtarget">formtarget</code>,
<code class="no-backref" title="attr-dim-height">height</code>,
- <code class="no-backref" title="attr-input-inputmode">inputmode</code>,
+ <code class="no-backref" title="attr-fe-inputmode">inputmode</code>,
<code class="no-backref" title="attr-input-max">max</code>,
<code class="no-backref" title="attr-input-min">min</code>,
<code class="no-backref" title="attr-input-multiple">multiple</code>,
@@ -55576,7 +55577,7 @@
<p>The following common <code>input</code> element content
attributes, IDL attributes, and methods apply to the element:
- <code title="attr-input-autocomplete">autocomplete</code>,
+ <code title="attr-fe-autocomplete">autocomplete</code>,
<code title="attr-input-list">list</code>,
<code title="attr-input-maxlength">maxlength</code>,
<code title="attr-input-pattern">pattern</code>,
@@ -55605,14 +55606,14 @@
<code class="no-backref" title="attr-input-accept">accept</code>,
<code class="no-backref" title="attr-input-alt">alt</code>,
<code class="no-backref" title="attr-input-checked">checked</code>,
- <code class="no-backref" title="attr-input-dirname">dirname</code>,
+ <code class="no-backref" title="attr-fe-dirname">dirname</code>,
<code class="no-backref" title="attr-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
<code class="no-backref" title="attr-fs-formnovalidate">formnovalidate</code>,
<code class="no-backref" title="attr-fs-formtarget">formtarget</code>,
<code class="no-backref" title="attr-dim-height">height</code>,
- <code class="no-backref" title="attr-input-inputmode">inputmode</code>,
+ <code class="no-backref" title="attr-fe-inputmode">inputmode</code>,
<code class="no-backref" title="attr-input-max">max</code>,
<code class="no-backref" title="attr-input-min">min</code>,
<code class="no-backref" title="attr-input-multiple">multiple</code>,
@@ -55900,7 +55901,7 @@
<p>The following common <code>input</code> element content
attributes, IDL attributes, and methods apply to the element:
- <code title="attr-input-autocomplete">autocomplete</code>,
+ <code title="attr-fe-autocomplete">autocomplete</code>,
<code title="attr-input-list">list</code>,
<code title="attr-input-maxlength">maxlength</code>,
<code title="attr-input-multiple">multiple</code>,
@@ -55931,14 +55932,14 @@
<code class="no-backref" title="attr-input-accept">accept</code>,
<code class="no-backref" title="attr-input-alt">alt</code>,
<code class="no-backref" title="attr-input-checked">checked</code>,
- <code class="no-backref" title="attr-input-dirname">dirname</code>,
+ <code class="no-backref" title="attr-fe-dirname">dirname</code>,
<code class="no-backref" title="attr-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
<code class="no-backref" title="attr-fs-formnovalidate">formnovalidate</code>,
<code class="no-backref" title="attr-fs-formtarget">formtarget</code>,
<code class="no-backref" title="attr-dim-height">height</code>,
- <code class="no-backref" title="attr-input-inputmode">inputmode</code>,
+ <code class="no-backref" title="attr-fe-inputmode">inputmode</code>,
<code class="no-backref" title="attr-input-max">max</code>,
<code class="no-backref" title="attr-input-min">min</code>,
<code class="no-backref" title="attr-input-src">src</code>,
@@ -56005,7 +56006,7 @@
<p>The following common <code>input</code> element content
attributes, IDL attributes, and methods apply to the element:
- <code title="attr-input-autocomplete">autocomplete</code>,
+ <code title="attr-fe-autocomplete">autocomplete</code>,
<code title="attr-input-maxlength">maxlength</code>,
<code title="attr-input-pattern">pattern</code>,
<code title="attr-input-placeholder">placeholder</code>,
@@ -56031,14 +56032,14 @@
<code class="no-backref" title="attr-input-accept">accept</code>,
<code class="no-backref" title="attr-input-alt">alt</code>,
<code class="no-backref" title="attr-input-checked">checked</code>,
- <code class="no-backref" title="attr-input-dirname">dirname</code>,
+ <code class="no-backref" title="attr-fe-dirname">dirname</code>,
<code class="no-backref" title="attr-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
<code class="no-backref" title="attr-fs-formnovalidate">formnovalidate</code>,
<code class="no-backref" title="attr-fs-formtarget">formtarget</code>,
<code class="no-backref" title="attr-dim-height">height</code>,
- <code class="no-backref" title="attr-input-inputmode">inputmode</code>,
+ <code class="no-backref" title="attr-fe-inputmode">inputmode</code>,
<code class="no-backref" title="attr-input-list">list</code>,
<code class="no-backref" title="attr-input-max">max</code>,
<code class="no-backref" title="attr-input-min">min</code>,
@@ -56226,7 +56227,7 @@
<p>The following common <code>input</code> element content
attributes, IDL attributes, and methods apply to the element:
- <code title="attr-input-autocomplete">autocomplete</code>,
+ <code title="attr-fe-autocomplete">autocomplete</code>,
<code title="attr-input-list">list</code>,
<code title="attr-input-max">max</code>,
<code title="attr-input-min">min</code>,
@@ -56251,14 +56252,14 @@
<code class="no-backref" title="attr-input-accept">accept</code>,
<code class="no-backref" title="attr-input-alt">alt</code>,
<code class="no-backref" title="attr-input-checked">checked</code>,
- <code class="no-backref" title="attr-input-dirname">dirname</code>,
+ <code class="no-backref" title="attr-fe-dirname">dirname</code>,
<code class="no-backref" title="attr-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
<code class="no-backref" title="attr-fs-formnovalidate">formnovalidate</code>,
<code class="no-backref" title="attr-fs-formtarget">formtarget</code>,
<code class="no-backref" title="attr-dim-height">height</code>,
- <code class="no-backref" title="attr-input-inputmode">inputmode</code>,
+ <code class="no-backref" title="attr-fe-inputmode">inputmode</code>,
<code class="no-backref" title="attr-input-maxlength">maxlength</code>,
<code class="no-backref" title="attr-input-multiple">multiple</code>,
<code class="no-backref" title="attr-input-pattern">pattern</code>,
@@ -56432,7 +56433,7 @@
<p>The following common <code>input</code> element content
attributes, IDL attributes, and methods apply to the element:
- <code title="attr-input-autocomplete">autocomplete</code>,
+ <code title="attr-fe-autocomplete">autocomplete</code>,
<code title="attr-input-list">list</code>,
<code title="attr-input-max">max</code>,
<code title="attr-input-min">min</code>,
@@ -56457,14 +56458,14 @@
<code class="no-backref" title="attr-input-accept">accept</code>,
<code class="no-backref" title="attr-input-alt">alt</code>,
<code class="no-backref" title="attr-input-checked">checked</code>,
- <code class="no-backref" title="attr-input-dirname">dirname</code>,
+ <code class="no-backref" title="attr-fe-dirname">dirname</code>,
<code class="no-backref" title="attr-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
<code class="no-backref" title="attr-fs-formnovalidate">formnovalidate</code>,
<code class="no-backref" title="attr-fs-formtarget">formtarget</code>,
<code class="no-backref" title="attr-dim-height">height</code>,
- <code class="no-backref" title="attr-input-inputmode">inputmode</code>,
+ <code class="no-backref" title="attr-fe-inputmode">inputmode</code>,
<code class="no-backref" title="attr-input-maxlength">maxlength</code>,
<code class="no-backref" title="attr-input-multiple">multiple</code>,
<code class="no-backref" title="attr-input-pattern">pattern</code>,
@@ -56611,7 +56612,7 @@
<p>The following common <code>input</code> element content
attributes, IDL attributes, and methods apply to the element:
- <code title="attr-input-autocomplete">autocomplete</code>,
+ <code title="attr-fe-autocomplete">autocomplete</code>,
<code title="attr-input-list">list</code>,
<code title="attr-input-max">max</code>,
<code title="attr-input-min">min</code>,
@@ -56636,14 +56637,14 @@
<code class="no-backref" title="attr-input-accept">accept</code>,
<code class="no-backref" title="attr-input-alt">alt</code>,
<code class="no-backref" title="attr-input-checked">checked</code>,
- <code class="no-backref" title="attr-input-dirname">dirname</code>,
+ <code class="no-backref" title="attr-fe-dirname">dirname</code>,
<code class="no-backref" title="attr-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
<code class="no-backref" title="attr-fs-formnovalidate">formnovalidate</code>,
<code class="no-backref" title="attr-fs-formtarget">formtarget</code>,
<code class="no-backref" title="attr-dim-height">height</code>,
- <code class="no-backref" title="attr-input-inputmode">inputmode</code>,
+ <code class="no-backref" title="attr-fe-inputmode">inputmode</code>,
<code class="no-backref" title="attr-input-maxlength">maxlength</code>,
<code class="no-backref" title="attr-input-multiple">multiple</code>,
<code class="no-backref" title="attr-input-pattern">pattern</code>,
@@ -56793,7 +56794,7 @@
<p>The following common <code>input</code> element content
attributes, IDL attributes, and methods apply to the element:
- <code title="attr-input-autocomplete">autocomplete</code>,
+ <code title="attr-fe-autocomplete">autocomplete</code>,
<code title="attr-input-list">list</code>,
<code title="attr-input-max">max</code>,
<code title="attr-input-min">min</code>,
@@ -56818,14 +56819,14 @@
<code class="no-backref" title="attr-input-accept">accept</code>,
<code class="no-backref" title="attr-input-alt">alt</code>,
<code class="no-backref" title="attr-input-checked">checked</code>,
- <code class="no-backref" title="attr-input-dirname">dirname</code>,
+ <code class="no-backref" title="attr-fe-dirname">dirname</code>,
<code class="no-backref" title="attr-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
<code class="no-backref" title="attr-fs-formnovalidate">formnovalidate</code>,
<code class="no-backref" title="attr-fs-formtarget">formtarget</code>,
<code class="no-backref" title="attr-dim-height">height</code>,
- <code class="no-backref" title="attr-input-inputmode">inputmode</code>,
+ <code class="no-backref" title="attr-fe-inputmode">inputmode</code>,
<code class="no-backref" title="attr-input-maxlength">maxlength</code>,
<code class="no-backref" title="attr-input-multiple">multiple</code>,
<code class="no-backref" title="attr-input-pattern">pattern</code>,
@@ -56972,7 +56973,7 @@
<p>The following common <code>input</code> element content
attributes, IDL attributes, and methods apply to the element:
- <code title="attr-input-autocomplete">autocomplete</code>,
+ <code title="attr-fe-autocomplete">autocomplete</code>,
<code title="attr-input-list">list</code>,
<code title="attr-input-max">max</code>,
<code title="attr-input-min">min</code>,
@@ -56997,14 +56998,14 @@
<code class="no-backref" title="attr-input-accept">accept</code>,
<code class="no-backref" title="attr-input-alt">alt</code>,
<code class="no-backref" title="attr-input-checked">checked</code>,
- <code class="no-backref" title="attr-input-dirname">dirname</code>,
+ <code class="no-backref" title="attr-fe-dirname">dirname</code>,
<code class="no-backref" title="attr-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
<code class="no-backref" title="attr-fs-formnovalidate">formnovalidate</code>,
<code class="no-backref" title="attr-fs-formtarget">formtarget</code>,
<code class="no-backref" title="attr-dim-height">height</code>,
- <code class="no-backref" title="attr-input-inputmode">inputmode</code>,
+ <code class="no-backref" title="attr-fe-inputmode">inputmode</code>,
<code class="no-backref" title="attr-input-maxlength">maxlength</code>,
<code class="no-backref" title="attr-input-multiple">multiple</code>,
<code class="no-backref" title="attr-input-pattern">pattern</code>,
@@ -57142,7 +57143,7 @@
<p>The following common <code>input</code> element content
attributes, IDL attributes, and methods apply to the element:
- <code title="attr-input-autocomplete">autocomplete</code>,
+ <code title="attr-fe-autocomplete">autocomplete</code>,
<code title="attr-input-list">list</code>,
<code title="attr-input-max">max</code>,
<code title="attr-input-min">min</code>,
@@ -57166,14 +57167,14 @@
<code class="no-backref" title="attr-input-accept">accept</code>,
<code class="no-backref" title="attr-input-alt">alt</code>,
<code class="no-backref" title="attr-input-checked">checked</code>,
- <code class="no-backref" title="attr-input-dirname">dirname</code>,
+ <code class="no-backref" title="attr-fe-dirname">dirname</code>,
<code class="no-backref" title="attr-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
<code class="no-backref" title="attr-fs-formnovalidate">formnovalidate</code>,
<code class="no-backref" title="attr-fs-formtarget">formtarget</code>,
<code class="no-backref" title="attr-dim-height">height</code>,
- <code class="no-backref" title="attr-input-inputmode">inputmode</code>,
+ <code class="no-backref" title="attr-fe-inputmode">inputmode</code>,
<code class="no-backref" title="attr-input-maxlength">maxlength</code>,
<code class="no-backref" title="attr-input-multiple">multiple</code>,
<code class="no-backref" title="attr-input-pattern">pattern</code>,
@@ -57327,7 +57328,7 @@
<p>The following common <code>input</code> element content
attributes, IDL attributes, and methods apply to the element:
- <code title="attr-input-autocomplete">autocomplete</code>,
+ <code title="attr-fe-autocomplete">autocomplete</code>,
<code title="attr-input-list">list</code>,
<code title="attr-input-max">max</code>,
<code title="attr-input-min">min</code>,
@@ -57352,14 +57353,14 @@
<code class="no-backref" title="attr-input-accept">accept</code>,
<code class="no-backref" title="attr-input-alt">alt</code>,
<code class="no-backref" title="attr-input-checked">checked</code>,
- <code class="no-backref" title="attr-input-dirname">dirname</code>,
+ <code class="no-backref" title="attr-fe-dirname">dirname</code>,
<code class="no-backref" title="attr-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
<code class="no-backref" title="attr-fs-formnovalidate">formnovalidate</code>,
<code class="no-backref" title="attr-fs-formtarget">formtarget</code>,
<code class="no-backref" title="attr-dim-height">height</code>,
- <code class="no-backref" title="attr-input-inputmode">inputmode</code>,
+ <code class="no-backref" title="attr-fe-inputmode">inputmode</code>,
<code class="no-backref" title="attr-input-maxlength">maxlength</code>,
<code class="no-backref" title="attr-input-multiple">multiple</code>,
<code class="no-backref" title="attr-input-pattern">pattern</code>,
@@ -57547,7 +57548,7 @@
<p>The following common <code>input</code> element content
attributes, IDL attributes, and methods apply to the element:
- <code title="attr-input-autocomplete">autocomplete</code>,
+ <code title="attr-fe-autocomplete">autocomplete</code>,
<code title="attr-input-list">list</code>,
<code title="attr-input-max">max</code>,
<code title="attr-input-min">min</code>, and
@@ -57569,14 +57570,14 @@
<code class="no-backref" title="attr-input-accept">accept</code>,
<code class="no-backref" title="attr-input-alt">alt</code>,
<code class="no-backref" title="attr-input-checked">checked</code>,
- <code class="no-backref" title="attr-input-dirname">dirname</code>,
+ <code class="no-backref" title="attr-fe-dirname">dirname</code>,
<code class="no-backref" title="attr-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
<code class="no-backref" title="attr-fs-formnovalidate">formnovalidate</code>,
<code class="no-backref" title="attr-fs-formtarget">formtarget</code>,
<code class="no-backref" title="attr-dim-height">height</code>,
- <code class="no-backref" title="attr-input-inputmode">inputmode</code>,
+ <code class="no-backref" title="attr-fe-inputmode">inputmode</code>,
<code class="no-backref" title="attr-input-maxlength">maxlength</code>,
<code class="no-backref" title="attr-input-multiple">multiple</code>,
<code class="no-backref" title="attr-input-pattern">pattern</code>,
@@ -57719,7 +57720,7 @@
<p>The following common <code>input</code> element content
attributes, IDL attributes, and methods apply to the element:
- <code title="attr-input-autocomplete">autocomplete</code> and
+ <code title="attr-fe-autocomplete">autocomplete</code> and
<code title="attr-input-list">list</code> content attributes;
<code title="dom-input-list">list</code> and
<code title="dom-input-value">value</code> IDL attributes.</p>
@@ -57735,14 +57736,14 @@
<code class="no-backref" title="attr-input-accept">accept</code>,
<code class="no-backref" title="attr-input-alt">alt</code>,
<code class="no-backref" title="attr-input-checked">checked</code>,
- <code class="no-backref" title="attr-input-dirname">dirname</code>,
+ <code class="no-backref" title="attr-fe-dirname">dirname</code>,
<code class="no-backref" title="attr-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
<code class="no-backref" title="attr-fs-formnovalidate">formnovalidate</code>,
<code class="no-backref" title="attr-fs-formtarget">formtarget</code>,
<code class="no-backref" title="attr-dim-height">height</code>,
- <code class="no-backref" title="attr-input-inputmode">inputmode</code>,
+ <code class="no-backref" title="attr-fe-inputmode">inputmode</code>,
<code class="no-backref" title="attr-input-max">max</code>,
<code class="no-backref" title="attr-input-maxlength">maxlength</code>,
<code class="no-backref" title="attr-input-min">min</code>,
@@ -57866,15 +57867,15 @@
apply</span> to the element:
<code class="no-backref" title="attr-input-accept">accept</code>,
<code class="no-backref" title="attr-input-alt">alt</code>,
- <code class="no-backref" title="attr-input-autocomplete">autocomplete</code>,
- <code class="no-backref" title="attr-input-dirname">dirname</code>,
+ <code class="no-backref" title="attr-fe-autocomplete">autocomplete</code>,
+ <code class="no-backref" title="attr-fe-dirname">dirname</code>,
<code class="no-backref" title="attr-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
<code class="no-backref" title="attr-fs-formnovalidate">formnovalidate</code>,
<code class="no-backref" title="attr-fs-formtarget">formtarget</code>,
<code class="no-backref" title="attr-dim-height">height</code>,
- <code class="no-backref" title="attr-input-inputmode">inputmode</code>,
+ <code class="no-backref" title="attr-fe-inputmode">inputmode</code>,
<code class="no-backref" title="attr-input-list">list</code>,
<code class="no-backref" title="attr-input-max">max</code>,
<code class="no-backref" title="attr-input-maxlength">maxlength</code>,
@@ -58028,15 +58029,15 @@
apply</span> to the element:
<code class="no-backref" title="attr-input-accept">accept</code>,
<code class="no-backref" title="attr-input-alt">alt</code>,
- <code class="no-backref" title="attr-input-autocomplete">autocomplete</code>,
- <code class="no-backref" title="attr-input-dirname">dirname</code>,
+ <code class="no-backref" title="attr-fe-autocomplete">autocomplete</code>,
+ <code class="no-backref" title="attr-fe-dirname">dirname</code>,
<code class="no-backref" title="attr-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
<code class="no-backref" title="attr-fs-formnovalidate">formnovalidate</code>,
<code class="no-backref" title="attr-fs-formtarget">formtarget</code>,
<code class="no-backref" title="attr-dim-height">height</code>,
- <code class="no-backref" title="attr-input-inputmode">inputmode</code>,
+ <code class="no-backref" title="attr-fe-inputmode">inputmode</code>,
<code class="no-backref" title="attr-input-list">list</code>,
<code class="no-backref" title="attr-input-max">max</code>,
<code class="no-backref" title="attr-input-maxlength">maxlength</code>,
@@ -58277,16 +58278,16 @@
<p>The following content attributes must not be specified and <span>do not
apply</span> to the element:
<code class="no-backref" title="attr-input-alt">alt</code>,
- <code class="no-backref" title="attr-input-autocomplete">autocomplete</code>,
+ <code class="no-backref" title="attr-fe-autocomplete">autocomplete</code>,
<code class="no-backref" title="attr-input-checked">checked</code>,
- <code class="no-backref" title="attr-input-dirname">dirname</code>,
+ <code class="no-backref" title="attr-fe-dirname">dirname</code>,
<code class="no-backref" title="attr-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
<code class="no-backref" title="attr-fs-formnovalidate">formnovalidate</code>,
<code class="no-backref" title="attr-fs-formtarget">formtarget</code>,
<code class="no-backref" title="attr-dim-height">height</code>,
- <code class="no-backref" title="attr-input-inputmode">inputmode</code>,
+ <code class="no-backref" title="attr-fe-inputmode">inputmode</code>,
<code class="no-backref" title="attr-input-list">list</code>,
<code class="no-backref" title="attr-input-max">max</code>,
<code class="no-backref" title="attr-input-maxlength">maxlength</code>,
@@ -58391,11 +58392,11 @@
apply</span> to the element:
<code class="no-backref" title="attr-input-accept">accept</code>,
<code class="no-backref" title="attr-input-alt">alt</code>,
- <code class="no-backref" title="attr-input-autocomplete">autocomplete</code>,
+ <code class="no-backref" title="attr-fe-autocomplete">autocomplete</code>,
<code class="no-backref" title="attr-input-checked">checked</code>,
- <code class="no-backref" title="attr-input-dirname">dirname</code>,
+ <code class="no-backref" title="attr-fe-dirname">dirname</code>,
<code class="no-backref" title="attr-dim-height">height</code>,
- <code class="no-backref" title="attr-input-inputmode">inputmode</code>,
+ <code class="no-backref" title="attr-fe-inputmode">inputmode</code>,
<code class="no-backref" title="attr-input-list">list</code>,
<code class="no-backref" title="attr-input-max">max</code>,
<code class="no-backref" title="attr-input-maxlength">maxlength</code>,
@@ -58702,10 +58703,10 @@
<p>The following content attributes must not be specified and <span>do not
apply</span> to the element:
<code class="no-backref" title="attr-input-accept">accept</code>,
- <code class="no-backref" title="attr-input-autocomplete">autocomplete</code>,
+ <code class="no-backref" title="attr-fe-autocomplete">autocomplete</code>,
<code class="no-backref" title="attr-input-checked">checked</code>,
- <code class="no-backref" title="attr-input-dirname">dirname</code>,
- <code class="no-backref" title="attr-input-inputmode">inputmode</code>,
+ <code class="no-backref" title="attr-fe-dirname">dirname</code>,
+ <code class="no-backref" title="attr-fe-inputmode">inputmode</code>,
<code class="no-backref" title="attr-input-list">list</code>,
<code class="no-backref" title="attr-input-max">max</code>,
<code class="no-backref" title="attr-input-maxlength">maxlength</code>,
@@ -58812,16 +58813,16 @@
apply</span> to the element:
<code class="no-backref" title="attr-input-accept">accept</code>,
<code class="no-backref" title="attr-input-alt">alt</code>,
- <code class="no-backref" title="attr-input-autocomplete">autocomplete</code>,
+ <code class="no-backref" title="attr-fe-autocomplete">autocomplete</code>,
<code class="no-backref" title="attr-input-checked">checked</code>,
- <code class="no-backref" title="attr-input-dirname">dirname</code>,
+ <code class="no-backref" title="attr-fe-dirname">dirname</code>,
<code class="no-backref" title="attr-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
<code class="no-backref" title="attr-fs-formnovalidate">formnovalidate</code>,
<code class="no-backref" title="attr-fs-formtarget">formtarget</code>,
<code class="no-backref" title="attr-dim-height">height</code>,
- <code class="no-backref" title="attr-input-inputmode">inputmode</code>,
+ <code class="no-backref" title="attr-fe-inputmode">inputmode</code>,
<code class="no-backref" title="attr-input-list">list</code>,
<code class="no-backref" title="attr-input-max">max</code>,
<code class="no-backref" title="attr-input-maxlength">maxlength</code>,
@@ -58903,16 +58904,16 @@
apply</span> to the element:
<code class="no-backref" title="attr-input-accept">accept</code>,
<code class="no-backref" title="attr-input-alt">alt</code>,
- <code class="no-backref" title="attr-input-autocomplete">autocomplete</code>,
+ <code class="no-backref" title="attr-fe-autocomplete">autocomplete</code>,
<code class="no-backref" title="attr-input-checked">checked</code>,
- <code class="no-backref" title="attr-input-dirname">dirname</code>,
+ <code class="no-backref" title="attr-fe-dirname">dirname</code>,
<code class="no-backref" title="attr-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
<code class="no-backref" title="attr-fs-formnovalidate">formnovalidate</code>,
<code class="no-backref" title="attr-fs-formtarget">formtarget</code>,
<code class="no-backref" title="attr-dim-height">height</code>,
- <code class="no-backref" title="attr-input-inputmode">inputmode</code>,
+ <code class="no-backref" title="attr-fe-inputmode">inputmode</code>,
<code class="no-backref" title="attr-input-list">list</code>,
<code class="no-backref" title="attr-input-max">max</code>,
<code class="no-backref" title="attr-input-maxlength">maxlength</code>,
@@ -58994,235 +58995,62 @@
</div>
- <h6>The <code title="attr-input-autocomplete">autocomplete</code> attribute</h6>
+ <h6>The <code title="attr-input-maxlength">maxlength</code> attribute</h6>
<p>The <dfn
- title="attr-input-autocomplete"><code>autocomplete</code></dfn>
- attribute, when it applies, is a <span
- title="attr-fe-autocomplete">form control <code
- title="">autocomplete</code> attribute</span>.</p>
+ title="attr-input-maxlength"><code>maxlength</code></dfn>
+ attribute<span class="impl">, when it applies,</span> is a <span
+ title="attr-fe-maxlength">form control <code
+ title="">maxlength</code> attribute</span><span class="impl">
+ controlled by the <code>input</code> element's <span
+ title="concept-input-value-dirty-flag">dirty value
+ flag</span></span>.</p>
- <div class="example">
+ <p>If the <code>input</code> element has a <span>maximum allowed
+ value length</span>, then the <span>code-unit length</span> of the
+ value of the element's <code title="attr-input-value">value</code>
+ attribute must be equal to or less than the element's <span>maximum
+ allowed value length</span>.</p>
- <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>
-
-
- <h6>The <code title="attr-input-dirname">dirname</code> attribute</h6>
-
- <p>The <dfn title="attr-input-dirname"><code>dirname</code></dfn>
- attribute, when it applies, is a <span>form control <code
- title="">dirname</code> attribute</span>.</p>
-
<div class="example">
- <p>In this example, a form contains a text field and a submission
- button:</p>
+ <p>The following extract shows how a messaging client's text entry
+ could be arbitrarily restricted to a fixed number of characters,
+ thus forcing any conversation through this medium to be terse and
+ discouraging intelligent discourse.</p>
- <pre><form action="addcomment.cgi" method=post>
- <p><label>Comment: <input type=text name="comment" dirname="comment.dir" \
required></label></p>
- <p><button name="mode" type=submit value="add">Post \
Comment</button></p>
-</form></pre>
+ <pre><label>What are you doing? <input name=status \
maxlength=140></label></pre>
- <p>When the user submits the form, the user agent includes three
- fields, one called "comment", one called "comment.dir", and one
- called "mode"; so if the user types "Hello", the submission body
- might be something like:</p>
-
- <pre>comment=Hello&<strong>comment.dir=ltr</strong>&mode=add</pre>
-
- <p>If the user manually switches to a right-to-left writing
- direction and enters "<span title="" dir=rtl
- lang=ar>مرحبًا</span>", the
- submission body might be something like:</p>
-
- <pre>comment=%D9%85%D8%B1%D8%AD%D8%A8%D9%8B%D8%A7&<strong>comment.dir=rtl</strong>&mode=add</pre>
-
</div>
- <h6>The <code title="attr-input-inputmode">inputmode</code> attribute</h6>
+ <h6>The <code title="attr-input-size">size</code> attribute</h6>
- <p>The <dfn
- title="attr-input-inputmode"><code>inputmode</code></dfn> attribute,
- when it applies, is a <span title="attr-inputmode">form control
- <code title="">inputmode</code> attribute</span>.</p>
+ <p>The <dfn title="attr-input-size"><code>size</code></dfn>
+ attribute gives the number of characters that, in a visual
+ rendering, the user agent is to allow the user to see while editing
+ the element's <span title="concept-fe-value">value</span>.</p>
+ <p>The <code title="attr-input-size">size</code> attribute, if
+ specified, must have a value that is a <span>valid non-negative
+ integer</span> greater than zero.</p>
- <h6>The <code title="attr-input-list">list</code> attribute</h6>
-
- <p>The <dfn title="attr-input-list"><code>list</code></dfn>
- attribute is used to identify an element that lists predefined
- options suggested to the user.</p>
-
- <p>If present, its value must be the <span
- title="concept-id">ID</span> of a <code>datalist</code> element in
- the same document.</p>
-
<div class="impl">
- <p>The <dfn title="concept-input-list">suggestions source
- element</dfn> is the first element in the document in <span>tree
- order</span> to have an <span title="concept-id">ID</span> equal to
- the value of the <code title="attr-input-list">list</code>
- attribute, if that element is a <code>datalist</code> element. If
- there is no <code title="attr-input-list">list</code> attribute, or
- if there is no element with that <span title="concept-id">ID</span>,
- or if the first element with that <span title="concept-id">ID</span>
- is not a <code>datalist</code> element, then there is no <span
- title="concept-input-list">suggestions source element</span>.</p>
+ <p>If the attribute is present, then its value must be parsed using
+ the <span>rules for parsing non-negative integers</span>, and if the
+ result is a number greater than zero, then the user agent should
+ ensure that at least that many characters are visible.</p>
- <p>If there is a <span title="concept-input-list">suggestions source
- element</span>, then, when the user agent is allowing the user to
- edit the <code>input</code> element's <span
- title="concept-fe-value">value</span>, the user agent should offer
- the suggestions represented by the <span
- title="concept-input-list">suggestions source element</span> to the
- user in a manner suitable for the type of control used. The user
- agent may use the suggestion's <span
- title="concept-option-label">label</span> to identify the suggestion
- if appropriate.</p>
+ <p>The <code title="dom-input-size">size</code> IDL attribute is
+ <span>limited to only non-negative numbers greater than
+ zero</span> and has a default value of 20.</p>
- <p>How user selections of suggestions are handled depends on whether
- the element is a control accepting a single value only, or whether
- it accepts multiple values:</p>
-
- <dl class="switch">
-
- <dt>If the element does not have a <code
- title="attr-input-multiple">multiple</code> attribute specified or
- if the <code title="attr-input-multiple">multiple</code> attribute
- does not apply</dt>
-
- <dd>
-
- <p>When the user selects a suggestion, the <code>input</code>
- element's <span title="concept-fe-value">value</span> must be set
- to the selected suggestion's <span
- title="concept-option-value">value</span>, as if the user had
- written that value himself.</p>
-
- </dd>
-
- <dt>If the element <em>does</em> have a <code
- title="attr-input-multiple">multiple</code> attribute specified,
- and the <code title="attr-input-multiple">multiple</code> attribute
- does apply</dt>
-
- <dd>
-
- <p>When the user selects a suggestion, the user agent must either
- add a new entry to the <code>input</code> element's <span
- title="concept-fe-values">value<em>s</em></span>, whose value is
- the selected suggestion's <span
- title="concept-option-value">value</span>, or change an existing
- entry in the <code>input</code> element's <span
- title="concept-fe-values">value<em>s</em></span> to have the value
- given by the selected suggestion's <span
- title="concept-option-value">value</span>, as if the user had
- himself added an entry with that value, or edited an existing
- entry to be that value. Which behavior is to be applied depends on
- the user interface in a user-agent-defined manner.</p>
-
- </dd>
-
- </dl>
-
- <hr>
-
- <p>If the <code title="attr-input-list">list</code> attribute does
- not apply, there is no <span title="concept-input-list">suggestions
- source element</span>.</p>
-
</div>
- <div class="example">
- <p>This URL field offers some suggestions.</p>
- <pre><label>Homepage: <input name=hp type=url list=hpurls></label>
-<datalist id=hpurls>
- <option value="http://www.google.com/" label="Google">
- <option value="http://www.reddit.com/" label="Reddit">
-</datalist></pre>
-
- <p>Other URLs from the user's history might show also; this is up
- to the user agent.</p>
-
- </div>
-
- <div class="example">
-
- <p>This example demonstrates how to design a form that uses the
- autocompletion list feature while still degrading usefully in
- legacy user agents.</p>
-
- <p>If the autocompletion list is merely an aid, and is not
- important to the content, then simply using a <code>datalist</code>
- element with children <code>option</code> elements is enough. To
- prevent the values from being rendered in legacy user agents, they
- need to be placed inside the <code
- title="attr-option-value">value</code> attribute instead of
- inline.</p>
-
- <pre><p>
- <label>
- Enter a breed:
- <input type="text" name="breed" list="breeds">
- <datalist id="breeds">
- <option value="Abyssinian">
- <option value="Alpaca">
- <!-- ... -->
- </datalist>
- </label>
-</p></pre>
-
- <p>However, if the values need to be shown in legacy UAs, then
- fallback content can be placed inside the <code>datalist</code>
- element, as follows:</p>
-
- <pre><p>
- <label>
- Enter a breed:
- <input type="text" name="breed" list="breeds">
- </label>
- <datalist id="breeds">
- <label>
- or select one from the list:
- <select name="breed">
- <option value=""> (none selected)
- <option>Abyssinian
- <option>Alpaca
- <!-- ... -->
- </select>
- </label>
- </datalist>
-</p>
-</pre>
-
- <p>The fallback content will only be shown in UAs that don't
- support <code>datalist</code>. The options, on the other hand, will
- be detected by all UAs, even though they are not children of the
- <code>datalist</code> element.</p>
-
- <p>Note that if an <code>option</code> element used in a
- <code>datalist</code> is <code
- title="attr-option-selected">selected</code>, it will be selected
- by default by legacy UAs (because it affects the
- <code>select</code>), but it will not have any effect on the
- <code>input</code> element in UAs that support
- <code>datalist</code>.</p>
-
- </div>
-
-
-
<h6>The <code title="attr-input-readonly">readonly</code> attribute</h6>
<p>The <dfn title="attr-input-readonly"><code>readonly</code></dfn>
@@ -59274,32 +59102,6 @@
- <h6>The <code title="attr-input-size">size</code> attribute</h6>
-
- <p>The <dfn title="attr-input-size"><code>size</code></dfn>
- attribute gives the number of characters that, in a visual
- rendering, the user agent is to allow the user to see while editing
- the element's <span title="concept-fe-value">value</span>.</p>
-
- <p>The <code title="attr-input-size">size</code> attribute, if
- specified, must have a value that is a <span>valid non-negative
- integer</span> greater than zero.</p>
-
- <div class="impl">
-
- <p>If the attribute is present, then its value must be parsed using
- the <span>rules for parsing non-negative integers</span>, and if the
- result is a number greater than zero, then the user agent should
- ensure that at least that many characters are visible.</p>
-
- <p>The <code title="dom-input-size">size</code> IDL attribute is
- <span>limited to only non-negative numbers greater than
- zero</span> and has a default value of 20.</p>
-
- </div>
-
-
-
<h6>The <code title="attr-input-required">required</code> attribute</h6>
<p>The <dfn title="attr-input-required"><code>required</code></dfn>
@@ -59399,36 +59201,7 @@
</div>
- <h6>The <code title="attr-input-maxlength">maxlength</code> attribute</h6>
- <p>The <dfn
- title="attr-input-maxlength"><code>maxlength</code></dfn>
- attribute<span class="impl">, when it applies,</span> is a <span
- title="attr-fe-maxlength">form control <code
- title="">maxlength</code> attribute</span><span class="impl">
- controlled by the <code>input</code> element's <span
- title="concept-input-value-dirty-flag">dirty value
- flag</span></span>.</p>
-
- <p>If the <code>input</code> element has a <span>maximum allowed
- value length</span>, then the <span>code-unit length</span> of the
- value of the element's <code title="attr-input-value">value</code>
- attribute must be equal to or less than the element's <span>maximum
- allowed value length</span>.</p>
-
- <div class="example">
-
- <p>The following extract shows how a messaging client's text entry
- could be arbitrarily restricted to a fixed number of characters,
- thus forcing any conversation through this medium to be terse and
- discouraging intelligent discourse.</p>
-
- <pre><label>What are you doing? <input name=status \
maxlength=140></label></pre>
-
- </div>
-
-
-
<h6>The <code title="attr-input-pattern">pattern</code> attribute</h6>
<p>The <dfn title="attr-input-pattern"><code>pattern</code></dfn>
@@ -59742,7 +59515,174 @@
+ <h6>The <code title="attr-input-list">list</code> attribute</h6>
+ <p>The <dfn title="attr-input-list"><code>list</code></dfn>
+ attribute is used to identify an element that lists predefined
+ options suggested to the user.</p>
+
+ <p>If present, its value must be the <span
+ title="concept-id">ID</span> of a <code>datalist</code> element in
+ the same document.</p>
+
+ <div class="impl">
+
+ <p>The <dfn title="concept-input-list">suggestions source
+ element</dfn> is the first element in the document in <span>tree
+ order</span> to have an <span title="concept-id">ID</span> equal to
+ the value of the <code title="attr-input-list">list</code>
+ attribute, if that element is a <code>datalist</code> element. If
+ there is no <code title="attr-input-list">list</code> attribute, or
+ if there is no element with that <span title="concept-id">ID</span>,
+ or if the first element with that <span title="concept-id">ID</span>
+ is not a <code>datalist</code> element, then there is no <span
+ title="concept-input-list">suggestions source element</span>.</p>
+
+ <p>If there is a <span title="concept-input-list">suggestions source
+ element</span>, then, when the user agent is allowing the user to
+ edit the <code>input</code> element's <span
+ title="concept-fe-value">value</span>, the user agent should offer
+ the suggestions represented by the <span
+ title="concept-input-list">suggestions source element</span> to the
+ user in a manner suitable for the type of control used. The user
+ agent may use the suggestion's <span
+ title="concept-option-label">label</span> to identify the suggestion
+ if appropriate.</p>
+
+ <p>How user selections of suggestions are handled depends on whether
+ the element is a control accepting a single value only, or whether
+ it accepts multiple values:</p>
+
+ <dl class="switch">
+
+ <dt>If the element does not have a <code
+ title="attr-input-multiple">multiple</code> attribute specified or
+ if the <code title="attr-input-multiple">multiple</code> attribute
+ does not apply</dt>
+
+ <dd>
+
+ <p>When the user selects a suggestion, the <code>input</code>
+ element's <span title="concept-fe-value">value</span> must be set
+ to the selected suggestion's <span
+ title="concept-option-value">value</span>, as if the user had
+ written that value himself.</p>
+
+ </dd>
+
+ <dt>If the element <em>does</em> have a <code
+ title="attr-input-multiple">multiple</code> attribute specified,
+ and the <code title="attr-input-multiple">multiple</code> attribute
+ does apply</dt>
+
+ <dd>
+
+ <p>When the user selects a suggestion, the user agent must either
+ add a new entry to the <code>input</code> element's <span
+ title="concept-fe-values">value<em>s</em></span>, whose value is
+ the selected suggestion's <span
+ title="concept-option-value">value</span>, or change an existing
+ entry in the <code>input</code> element's <span
+ title="concept-fe-values">value<em>s</em></span> to have the value
+ given by the selected suggestion's <span
+ title="concept-option-value">value</span>, as if the user had
+ himself added an entry with that value, or edited an existing
+ entry to be that value. Which behavior is to be applied depends on
+ the user interface in a user-agent-defined manner.</p>
+
+ </dd>
+
+ </dl>
+
+ <hr>
+
+ <p>If the <code title="attr-input-list">list</code> attribute does
+ not apply, there is no <span title="concept-input-list">suggestions
+ source element</span>.</p>
+
+ </div>
+
+ <div class="example">
+
+ <p>This URL field offers some suggestions.</p>
+
+ <pre><label>Homepage: <input name=hp type=url list=hpurls></label>
+<datalist id=hpurls>
+ <option value="http://www.google.com/" label="Google">
+ <option value="http://www.reddit.com/" label="Reddit">
+</datalist></pre>
+
+ <p>Other URLs from the user's history might show also; this is up
+ to the user agent.</p>
+
+ </div>
+
+ <div class="example">
+
+ <p>This example demonstrates how to design a form that uses the
+ autocompletion list feature while still degrading usefully in
+ legacy user agents.</p>
+
+ <p>If the autocompletion list is merely an aid, and is not
+ important to the content, then simply using a <code>datalist</code>
+ element with children <code>option</code> elements is enough. To
+ prevent the values from being rendered in legacy user agents, they
+ need to be placed inside the <code
+ title="attr-option-value">value</code> attribute instead of
+ inline.</p>
+
+ <pre><p>
+ <label>
+ Enter a breed:
+ <input type="text" name="breed" list="breeds">
+ <datalist id="breeds">
+ <option value="Abyssinian">
+ <option value="Alpaca">
+ <!-- ... -->
+ </datalist>
+ </label>
+</p></pre>
+
+ <p>However, if the values need to be shown in legacy UAs, then
+ fallback content can be placed inside the <code>datalist</code>
+ element, as follows:</p>
+
+ <pre><p>
+ <label>
+ Enter a breed:
+ <input type="text" name="breed" list="breeds">
+ </label>
+ <datalist id="breeds">
+ <label>
+ or select one from the list:
+ <select name="breed">
+ <option value=""> (none selected)
+ <option>Abyssinian
+ <option>Alpaca
+ <!-- ... -->
+ </select>
+ </label>
+ </datalist>
+</p>
+</pre>
+
+ <p>The fallback content will only be shown in UAs that don't
+ support <code>datalist</code>. The options, on the other hand, will
+ be detected by all UAs, even though they are not children of the
+ <code>datalist</code> element.</p>
+
+ <p>Note that if an <code>option</code> element used in a
+ <code>datalist</code> is <code
+ title="attr-option-selected">selected</code>, it will be selected
+ by default by legacy UAs (because it affects the
+ <code>select</code>), but it will not have any effect on the
+ <code>input</code> element in UAs that support
+ <code>datalist</code>.</p>
+
+ </div>
+
+
+
<h6>The <code title="attr-input-placeholder">placeholder</code> attribute</h6>
<!-- similar text in the <textarea> section -->
@@ -61498,10 +61438,10 @@
<dd><span>Global attributes</span></dd>
<dd><code title="attr-fe-autofocus">autofocus</code></dd>
<dd><code title="attr-textarea-cols">cols</code></dd>
- <dd><code title="attr-textarea-dirname">dirname</code></dd>
+ <dd><code title="attr-fe-dirname">dirname</code></dd>
<dd><code title="attr-fe-disabled">disabled</code></dd>
<dd><code title="attr-fae-form">form</code></dd>
- <dd><code title="attr-textarea-inputmode">inputmode</code></dd>
+ <dd><code title="attr-fe-inputmode">inputmode</code></dd>
<dd><code title="attr-textarea-maxlength">maxlength</code></dd>
<dd><code title="attr-fe-name">name</code></dd>
<dd><code title="attr-textarea-placeholder">placeholder</code></dd>
@@ -61846,24 +61786,15 @@
</div>
- <p>The <dfn title="attr-textarea-dirname"><code>dirname</code></dfn>
- attribute is a <span>form control <code title="">dirname</code>
- attribute</span>.</p>
+ <p>
+ The <code title="attr-fe-name">name</code> attribute represents the element's \
name. + The <code title="attr-fe-dirname">dirname</code> attribute controls how the \
element's <span title="the directionality">directionality</span> is submitted. + The \
<code title="attr-fe-disabled">disabled</code> attribute is used to make the control \
non-interactive and to prevent its value from being submitted. + The <code \
title="attr-fae-form">form</code> attribute is used to explicitly associate the \
<code>textarea</code> element with its <span>form owner</span>. + The <code \
title="attr-fe-autofocus">autofocus</code> attribute controls focus. + The <code \
title="attr-fe-inputmode">inputmode</code> attribute controls the user interface's \
input modality for the control. + </p>
- <p>The <dfn
- title="attr-textarea-inputmode"><code>inputmode</code></dfn>
- attribute is a <span title="attr-inputmode">form control <code
- title="">inputmode</code> attribute</span>.</p>
-
- <p>The <code title="attr-fae-form">form</code> attribute is used to
- explicitly associate the <code>textarea</code> element with its
- <span>form owner</span>. The <code title="attr-fe-name">name</code>
- attribute represents the element's name. The <code
- title="attr-fe-disabled">disabled</code> attribute is used to make
- the control non-interactive and to prevent its value from being
- submitted. The <code title="attr-fe-autofocus">autofocus</code>
- attribute controls focus.</p>
-
<!--TOPIC:DOM APIs-->
<dl class="domintro">
@@ -61903,10 +61834,10 @@
default value is 2. The <dfn
title="dom-textarea-dirName"><code>dirName</code></dfn> IDL
attribute must <span>reflect</span> the <code
- title="attr-textarea-dirname">dirname</code> content attribute. The
+ title="attr-fe-dirname">dirname</code> content attribute. The
<dfn title="dom-textarea-inputMode"><code>inputMode</code></dfn> IDL
attribute must <span>reflect</span> the <code
- title="attr-textarea-inputmode">inputmode</code> content attribute,
+ title="attr-fe-inputmode">inputmode</code> content attribute,
<span>limited to only known values</span>. The <dfn
title="dom-textarea-maxLength"><code>maxLength</code></dfn> IDL
attribute must <span>reflect</span> the <code
@@ -61989,7 +61920,7 @@
<p>To have the browser submit <span>the directionality</span> of
the element along with the value, the <code
- title="attr-textarea-dirname">dirname</code> attribute can be
+ title="attr-fe-dirname">dirname</code> attribute can be
specified:</p>
<pre><p>If you have any comments, please let us know (you may use either \
English or Hebrew for your comments): @@ -63174,8 +63105,6 @@
<h4>Form control infrastructure</h4>
- <div class="impl">
-
<h5>A form control's value</h5>
<p>Form controls have a <dfn title="concept-fe-value">value</dfn>
@@ -63189,9 +63118,7 @@
<code>input</code> elements can also have separately defined <dfn
title="concept-fe-values">value<em>s</em></dfn>.</p>
- </div>
-
<h5>Association of controls and forms</h5>
<p>A <span>form-associated element</span> can have a relationship
@@ -63428,127 +63355,41 @@
</div>
- <h5>Enabling and disabling form controls: the <code \
title="attr-fe-disabled">disabled</code> attribute</h5> + <h5>Submitting element \
directionality: the <code title="attr-fe-dirname">dirname</code> attribute</h5>
- <p>The <dfn title="attr-fe-disabled"><code>disabled</code></dfn>
- content attribute is a <span>boolean attribute</span>.</p>
+ <p>The <dfn title="attr-fe-dirname"><code>dirname</code></dfn> attribute
+ on a form control element enables the submission of <span>the
+ directionality</span> of the element, and gives the name of the
+ field that contains this value during <span>form submission</span>.
+ If such an attribute is specified, its value must not be the empty
+ string.</p>
- <p>A form control is <dfn title="concept-fe-disabled">disabled</dfn>
- if its <code title="attr-fe-disabled">disabled</code> attribute is
- set, or if it is a descendant of a <code>fieldset</code> element
- whose <code title="attr-fieldset-disabled">disabled</code> attribute
- is set and is <em>not</em> a descendant of that
- <code>fieldset</code> element's first <code>legend</code> element
- child, if any.</p>
+ <div class="example">
- <div class="impl">
+ <p>In this example, a form contains a text field and a submission
+ button:</p>
- <p>A form control that is <span
- title="concept-fe-disabled">disabled</span> must prevent any <code
- title="event-click">click</code> events that are <span title="queue
- a task">queued</span> on the <span>user interaction task
- source</span> from being dispatched on the element.</p>
+ <pre><form action="addcomment.cgi" method=post>
+ <p><label>Comment: <input type=text name="comment" dirname="comment.dir" \
required></label></p> + <p><button name="mode" type=submit \
value="add">Post Comment</button></p> +</form></pre>
- <p><strong>Constraint validation</strong>: If an element is <span
- title="concept-fe-disabled">disabled</span>, it is <span>barred from
- constraint validation</span>.</p>
+ <p>When the user submits the form, the user agent includes three
+ fields, one called "comment", one called "comment.dir", and one
+ called "mode"; so if the user types "Hello", the submission body
+ might be something like:</p>
- <p>The <dfn title="dom-fe-disabled"><code>disabled</code></dfn> IDL
- attribute must <span>reflect</span> the <code
- title="attr-fe-disabled">disabled</code> content attribute.</p>
+ <pre>comment=Hello&<strong>comment.dir=ltr</strong>&mode=add</pre>
- </div>
+ <p>If the user manually switches to a right-to-left writing
+ direction and enters "<span title="" dir=rtl
+ lang=ar>مرحبًا</span>", the
+ submission body might be something like:</p>
+ <pre>comment=%D9%85%D8%B1%D8%AD%D8%A8%D9%8B%D8%A7&<strong>comment.dir=rtl</strong>&mode=add</pre>
- <h5>Autofocusing a form control: the <code \
title="attr-fe-autofocus">autofocus</code> attribute</h5>
-
- <!-- v2: Apply this to contentEditable elements -->
-
- <p>The <dfn title="attr-fe-autofocus"><code>autofocus</code></dfn>
- content attribute allows the author to indicate that a control is to
- be focused as soon as the page is loaded, allowing the user to just
- start typing without having to manually focus the main control.</p>
-
- <p>The <code title="attr-fe-autofocus">autofocus</code> attribute is
- a <span>boolean attribute</span>.</p>
-
- <p>There must not be more than one element in the document with the
- <code title="attr-fe-autofocus">autofocus</code> attribute
- specified.</p>
-
- <div class="impl">
-
- <p>When an element with the <code
- title="attr-fe-autofocus">autofocus</code> attribute specified is
- <span title="insert an element into a document">inserted into a
- document</span>, user agents should run the following steps:</p>
-
- <ol>
-
- <li><p>Let <var title="">target</var> be the element's
- <code>Document</code>.</p></li>
-
- <li><p>If <var title="">target</var> has no <span>browsing
- context</span>, abort these steps.</p></li>
-
- <li><p>If <var title="">target</var>'s <span>browsing
- context</span> has no <span>top-level browsing context</span> (e.g.
- it is a <span>nested browsing context</span> with no <span>parent
- browsing context</span>), abort these steps.</p></li>
-
- <li><p>If <var title="">target</var>'s <span>active sandboxing
- flag set</span> has the <span>sandboxed automatic features
- browsing context flag</span>, abort these steps.</p></li>
-
- <li><p>If <var title="">target</var>'s <span>origin</span> is not
- the <span title="same origin">same</span> as the
- <span>origin</span> of the <code>Document</code> of the currently
- focused element in <var title="">target</var>'s <span>top-level
- browsing context</span>, abort these steps.</p></li>
-
- <li><p>If <var title="">target</var>'s <span>origin</span> is not
- the <span title="same origin">same</span> as the
- <span>origin</span> of the <span>active document</span> of <var
- title="">target</var>'s <span>top-level browsing context</span>,
- abort these steps.</p></li>
-
- <li><p>If the user agent has already reached the last step of this
- list of steps in response to an element being <span title="insert
- an element into a document">inserted</span> into a
- <code>Document</code> whose <span>top-level browsing
- context</span>'s <span>active document</span> is the same as <var
- title="">target</var>'s <span>top-level browsing context</span>'s
- <span>active document</span>, abort these steps.</p></li>
-
- <li><p>If the user has indicated (for example, by starting to type
- in a form control) that he does not wish focus to be changed, then
- optionally abort these steps.</p></li>
-
- <li><p><span>Queue a task</span> that checks to see if the element
- is <span>focusable</span>, and if so, runs the <span>focusing
- steps</span> for that element. User agents may also change the
- scrolling position of the document, or perform some other action
- that brings the element to the user's attention. The <span>task
- source</span> for this task is the <span>DOM manipulation task
- source</span>.</p></li>
-
- </ol>
-
- <p class="note">Focusing the control does not imply that the user
- agent must focus the browser window if it has lost focus.</p>
-
- <p>The <dfn title="dom-fe-autofocus"><code>autofocus</code></dfn>
- IDL attribute must <span>reflect</span> the content attribute of the
- same name.</p>
-
</div>
- <div class="example">
- <p>In the following snippet, the text control would be focused when
- the document was loaded.</p>
- <pre><input maxlength="256" name="q" value="" autofocus>
-<input type="submit" value="Search"></pre>
- </div>
<h5>Limiting user input length: the <code \
title="attr-fe-maxlength">maxlength</code> attribute</h5> @@ -63588,7 +63429,38 @@
</div>
+ <h5>Enabling and disabling form controls: the <code \
title="attr-fe-disabled">disabled</code> attribute</h5>
+ <p>The <dfn title="attr-fe-disabled"><code>disabled</code></dfn>
+ content attribute is a <span>boolean attribute</span>.</p>
+
+ <p>A form control is <dfn title="concept-fe-disabled">disabled</dfn>
+ if its <code title="attr-fe-disabled">disabled</code> attribute is
+ set, or if it is a descendant of a <code>fieldset</code> element
+ whose <code title="attr-fieldset-disabled">disabled</code> attribute
+ is set and is <em>not</em> a descendant of that
+ <code>fieldset</code> element's first <code>legend</code> element
+ child, if any.</p>
+
+ <div class="impl">
+
+ <p>A form control that is <span
+ title="concept-fe-disabled">disabled</span> must prevent any <code
+ title="event-click">click</code> events that are <span title="queue
+ a task">queued</span> on the <span>user interaction task
+ source</span> from being dispatched on the element.</p>
+
+ <p><strong>Constraint validation</strong>: If an element is <span
+ title="concept-fe-disabled">disabled</span>, it is <span>barred from
+ constraint validation</span>.</p>
+
+ <p>The <dfn title="dom-fe-disabled"><code>disabled</code></dfn> IDL
+ attribute must <span>reflect</span> the <code
+ title="attr-fe-disabled">disabled</code> content attribute.</p>
+
+ </div>
+
+
<h5>Form submission</h5>
<p><dfn>Attributes for form submission</dfn> can be specified both
@@ -63808,139 +63680,105 @@
</div>
- <h5>Submitting element directionality: the <code title="form control dirname \
attribute">dirname</code> attribute</h5> + <h5>Autofocusing a form control: the \
<code title="attr-fe-autofocus">autofocus</code> attribute</h5>
- <p>A <dfn>form control <code title="">dirname</code> attribute</dfn>
- on a form control element enables the submission of <span>the
- directionality</span> of the element, and gives the name of the
- field that contains this value during <span>form submission</span>.
- If such an attribute is specified, its value must not be the empty
- string.</p>
+ <!-- v2: Apply this to contentEditable elements -->
+ <p>The <dfn title="attr-fe-autofocus"><code>autofocus</code></dfn>
+ content attribute allows the author to indicate that a control is to
+ be focused as soon as the page is loaded, allowing the user to just
+ start typing without having to manually focus the main control.</p>
- <h5>Autofilling form controls: the <code \
title="attr-fe-autocomplete">autocomplete</code> attribute</h5> + <p>The <code \
title="attr-fe-autofocus">autofocus</code> attribute is + a <span>boolean \
attribute</span>.</p>
- <p>User agents sometimes have features for helping users fill forms
- in, for example prefilling the user's address based on earlier user
- input.</p>
+ <p>There must not be more than one element in the document with the
+ <code title="attr-fe-autofocus">autofocus</code> attribute
+ specified.</p>
- <p>A <dfn title="attr-fe-autocomplete">form control <code
- title="">autocomplete</code> attribute</dfn> on a form control is an
- <span>enumerated attribute</span>. The attribute has three states.
- The <code title="attr-fe-autocomplete-on">on</code> keyword maps to
- the <dfn
- title="attr-fe-autocomplete-automatic-state">automatic</dfn> state,
- and the <code title="attr-fe-autocomplete-off">off</code> keyword
- maps to the <dfn title="attr-fe-autocomplete-off-state">off</dfn>
- state. The attribute may also be omitted. The <i>missing value
- default</i> is the <dfn
- title="attr-fe-autocomplete-default-state">default</dfn> state.</p>
+ <div class="impl">
- <p>The <span title="attr-fe-autocomplete-off-state">off</span>
- state 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>When an element with the <code
+ title="attr-fe-autofocus">autofocus</code> attribute specified is
+ <span title="insert an element into a document">inserted into a
+ document</span>, user agents should run the following steps:</p>
- <p>Conversely, the <span
- title="attr-fe-autocomplete-automatic-state">automatic</span> state
- indicates that the value is not particularly sensitive and the user
- can expect to be able to rely on his user agent to remember values
- he has entered for that control.</p>
+ <ol>
- <p>The <span
- title="attr-fe-autocomplete-default-state">default</span> state
- indicates that the user agent is to use the <code
- title="attr-form-autocomplete">autocomplete</code> attribute on the
- element's <span>form owner</span> instead. (By default, the <code
- title="attr-form-autocomplete">autocomplete</code> attribute of
- <code>form</code> elements is in the <span
- title="attr-form-autocomplete-automatic-state">on</span> state.)</p>
+ <li><p>Let <var title="">target</var> be the element's
+ <code>Document</code>.</p></li>
- <div class="impl">
+ <li><p>If <var title="">target</var> has no <span>browsing
+ context</span>, abort these steps.</p></li>
- <p>Each form control defined to have a <span
- title="attr-fe-autocomplete">form control <code
- title="">autocomplete</code> attribute</span> has a <dfn>resulting
- autocompletion state</dfn>, which is either <i
- title="">automatic</i> or <i title="">off</i>.</p>
+ <li><p>If <var title="">target</var>'s <span>browsing
+ context</span> has no <span>top-level browsing context</span> (e.g.
+ it is a <span>nested browsing context</span> with no <span>parent
+ browsing context</span>), abort these steps.</p></li>
- <p>When such a form control is in one of the following conditions,
- its <span>resulting autocompletion state</span> is <i
- title="">automatic</i>; otherwise, the its <span>resulting
- autocompletion state</span> is <i title="">off</i>:</p>
+ <li><p>If <var title="">target</var>'s <span>active sandboxing
+ flag set</span> has the <span>sandboxed automatic features
+ browsing context flag</span>, abort these steps.</p></li>
- <ul class="brief">
+ <li><p>If <var title="">target</var>'s <span>origin</span> is not
+ the <span title="same origin">same</span> as the
+ <span>origin</span> of the <code>Document</code> of the currently
+ focused element in <var title="">target</var>'s <span>top-level
+ browsing context</span>, abort these steps.</p></li>
- <li>Its <code title="attr-fe-autocomplete">autocomplete</code>
- attribute is in the <span
- title="attr-fe-autocomplete-automatic-state">automatic</span>
- state.</li>
+ <li><p>If <var title="">target</var>'s <span>origin</span> is not
+ the <span title="same origin">same</span> as the
+ <span>origin</span> of the <span>active document</span> of <var
+ title="">target</var>'s <span>top-level browsing context</span>,
+ abort these steps.</p></li>
- <li>Its <code title="attr-fe-autocomplete">autocomplete</code>
- attribute is in the <span
- title="attr-fe-autocomplete-default-state">default</span> state,
- and the element has no <span>form owner</span>.</li>
+ <li><p>If the user agent has already reached the last step of this
+ list of steps in response to an element being <span title="insert
+ an element into a document">inserted</span> into a
+ <code>Document</code> whose <span>top-level browsing
+ context</span>'s <span>active document</span> is the same as <var
+ title="">target</var>'s <span>top-level browsing context</span>'s
+ <span>active document</span>, abort these steps.</p></li>
- <li>Its <code title="attr-fe-autocomplete">autocomplete</code>
- attribute is in the <span
- title="attr-fe-autocomplete-default-state">default</span> state,
- and the element's <span>form owner</span>'s <code
- title="attr-form-autocomplete">autocomplete</code> attribute is in
- the <span
- title="attr-form-autocomplete-automatic-state">automatic</span>
- state.</li>
+ <li><p>If the user has indicated (for example, by starting to type
+ in a form control) that he does not wish focus to be changed, then
+ optionally abort these steps.</p></li>
- </ul>
+ <li><p><span>Queue a task</span> that checks to see if the element
+ is <span>focusable</span>, and if so, runs the <span>focusing
+ steps</span> for that element. User agents may also change the
+ scrolling position of the document, or perform some other action
+ that brings the element to the user's attention. The <span>task
+ source</span> for this task is the <span>DOM manipulation task
+ source</span>.</p></li>
- <p>When a form control's <span>resulting autocompletion state</span>
- is <i title="">automatic</i>, the user agent may store the value
- entered or selected by the user so that if the user returns to the
- page, the UA can prefill the form. Otherwise, the user agent should
- not remember the control's <span
- title="concept-fe-value">value</span>, and should not offer past
- values to the user.</p>
+ </ol>
- <p>In addition, if the <span>resulting autocompletion state</span>
- is <i title="">off</i>, <a href="#history-autocomplete">values are
- reset</a> when <span title="traverse the history">traversing the
- history</span>.</p>
+ <p class="note">Focusing the control does not imply that the user
+ agent must focus the browser window if it has lost focus.</p>
- <p>The autocompletion mechanism must be implemented by the user
- agent acting as if the user had modified the element's <span
- title="concept-fe-value">value</span>, and must be done at a time
- where the element is <i title="concept-input-mutable">mutable</i>
- (e.g. just after the element has been inserted into the document, or
- when the user agent <span title="stop parsing">stops
- parsing</span>).</p> <!-- XXX only input elements have
- concept-input-mutable -->
+ <p>The <dfn title="dom-fe-autofocus"><code>autofocus</code></dfn>
+ IDL attribute must <span>reflect</span> the content attribute of the
+ same name.</p>
- <p>A user agent may allow the user to override the <span>resulting
- autocompletion state</span> and set it to always <i title="">on</i>,
- always allowing values to be remembered and prefilled, or always <i
- title="">off</i>, never remembering values. However, user agents
- should not allow users to trivially override the <span>resulting
- autocompletion state</span> to <i title="">on</i>, as there are
- significant security implications for the user if all values are
- always remembered, regardless of the site's preferences.</p>
+ </div>
+ <div class="example">
+ <p>In the following snippet, the text control would be focused when
+ the document was loaded.</p>
+ <pre><input maxlength="256" name="q" value="" autofocus>
+<input type="submit" value="Search"></pre>
</div>
+ <h5>Input modalities: the <code title="attr-fe-inputmode">inputmode</code> \
attribute</h5>
- <h5>Input modalities: the <code title="attr-inputmode">inputmode</code> \
attribute</h5>
-
<!-- v2: Apply this to contentEditable elements -->
- <p>A <dfn title="attr-inputmode">form control <code
- title="">inputmode</code> attribute</dfn> on a form control element
- is an <span>enumerated attribute</span> that specifies what kind of
- input mechanism would be most helpful for users entering content
- into the form control.</p>
+ <p>The <dfn title="attr-fe-inputmode"><code>inputmode</code></dfn>
+ content attribute is an <span>enumerated attribute</span> that
+ specifies what kind of input mechanism would be most helpful for
+ users entering content into the form control.</p>
<div class="impl">
@@ -63953,13 +63791,13 @@
<p class="note">For example, if a user agent with a QWERTY keyboard
layout does not support text prediction and automatic
capitalization, then it could treat the <code
- title="attr-inputmode-keyword-latin-prose">latin-prose</code>
+ title="attr-fe-inputmode-keyword-latin-prose">latin-prose</code>
keyword in the same way as the <code
- title="attr-inputmode-keyword-verbatim">verbatim</code> keyword,
+ title="attr-fe-inputmode-keyword-verbatim">verbatim</code> keyword,
following the chain <span
- title="attr-inputmode-state-latin-prose">Latin Prose</span> →
- <span title="attr-inputmode-state-latin">Latin Text</span> →
- <span title="attr-inputmode-state-verbatim">Latin
+ title="attr-fe-inputmode-state-latin-prose">Latin Prose</span> →
+ <span title="attr-fe-inputmode-state-latin">Latin Text</span> →
+ <span title="attr-fe-inputmode-state-verbatim">Latin
Verbatim</span>.</p>
</div>
@@ -63982,88 +63820,88 @@
<tbody>
<tr>
- <td> <dfn title="attr-inputmode-keyword-verbatim"><code>verbatim</code></dfn>
- <td> <dfn title="attr-inputmode-state-verbatim">Latin Verbatim</dfn>
- <td> <span title="attr-inputmode-state-default">Default</span>
+ <td> <dfn title="attr-fe-inputmode-keyword-verbatim"><code>verbatim</code></dfn>
+ <td> <dfn title="attr-fe-inputmode-state-verbatim">Latin Verbatim</dfn>
+ <td> <span title="attr-fe-inputmode-state-default">Default</span>
<td> Alphanumeric Latin-script input of non-prose content, e.g. usernames, \
passwords, product codes.
<tr>
- <td> <dfn title="attr-inputmode-keyword-latin"><code>latin</code></dfn>
- <td> <dfn title="attr-inputmode-state-latin">Latin Text</dfn>
- <td> <span title="attr-inputmode-state-verbatim">Latin Verbatim</span>
+ <td> <dfn title="attr-fe-inputmode-keyword-latin"><code>latin</code></dfn>
+ <td> <dfn title="attr-fe-inputmode-state-latin">Latin Text</dfn>
+ <td> <span title="attr-fe-inputmode-state-verbatim">Latin Verbatim</span>
<td> Latin-script input in the user's preferred language(s), with some typing \
aids enabled (e.g. text prediction). Intended for human-to-computer communications, \
e.g. free-form text search fields.
<tr>
- <td> <dfn title="attr-inputmode-keyword-latin-prose"><code>latin-prose</code></dfn>
- <td> <dfn title="attr-inputmode-state-latin-prose">Latin Prose</dfn>
- <td> <span title="attr-inputmode-state-latin">Latin Text</span>
+ <td> <dfn title="attr-fe-inputmode-keyword-latin-prose"><code>latin-prose</code></dfn>
+ <td> <dfn title="attr-fe-inputmode-state-latin-prose">Latin Prose</dfn>
+ <td> <span title="attr-fe-inputmode-state-latin">Latin Text</span>
<td> Latin-script input in the user's preferred language(s), with aggressive \
typing aids intended for human-to-human communications enabled (e.g. text prediction \
and automatic capitalisation at the start of sentences). Intended for situations such \
as e-mails and instant messaging.
<tr>
- <td> <dfn title="attr-inputmode-keyword-full-width-latin"><code>full-width-latin</code></dfn>
- <td> <dfn title="attr-inputmode-state-full-width-latin">Full-width Latin</dfn>
- <td> <span title="attr-inputmode-state-latin">Latin Prose</span>
+ <td> <dfn title="attr-fe-inputmode-keyword-full-width-latin"><code>full-width-latin</code></dfn>
+ <td> <dfn title="attr-fe-inputmode-state-full-width-latin">Full-width \
Latin</dfn> + <td> <span title="attr-fe-inputmode-state-latin">Latin Prose</span>
<td> Latin-script input in the user's secondary language(s), using full-width \
characters, with aggressive typing aids intended for human-to-human communications \
enabled (e.g. text prediction and automatic capitalisation at the start of \
sentences). Intended for latin text embedded inside CJK text.
<tr>
- <td> <dfn title="attr-inputmode-keyword-kana"><code>kana</code></dfn>
- <td> <dfn title="attr-inputmode-state-kana">Kana</dfn>
- <td> <span title="attr-inputmode-state-default">Default</span>
+ <td> <dfn title="attr-fe-inputmode-keyword-kana"><code>kana</code></dfn>
+ <td> <dfn title="attr-fe-inputmode-state-kana">Kana</dfn>
+ <td> <span title="attr-fe-inputmode-state-default">Default</span>
<td> Kana or romaji input, typically hiragana input, using full-width \
characters, with support for converting to kanji. Intended for Japanese text input.
<tr>
- <td> <dfn title="attr-inputmode-keyword-katakana"><code>katakana</code></dfn>
- <td> <dfn title="attr-inputmode-state-katakana">Katakana</dfn>
- <td> <span title="attr-inputmode-state-kana">Kana</span>
+ <td> <dfn title="attr-fe-inputmode-keyword-katakana"><code>katakana</code></dfn>
+ <td> <dfn title="attr-fe-inputmode-state-katakana">Katakana</dfn>
+ <td> <span title="attr-fe-inputmode-state-kana">Kana</span>
<td> Katakana input, using full-width characters, with support for converting \
to kanji. Intended for Japanese text input.
<!-- See comment on \
https://plus.google.com/u/0/107429617152575897589/posts/WwVmKNjcZ4p <tr>
- <td> <dfn title="attr-inputmode-keyword-half-width-katakana"><code>half-width-katakana</code></dfn>
- <td> <dfn title="attr-inputmode-state-half-width-katakana">Half-width \
Katakana</dfn>
- <td> <span title="attr-inputmode-state-katakana">Katakana</span>
+ <td> <dfn title="attr-fe-inputmode-keyword-half-width-katakana"><code>half-width-katakana</code></dfn>
+ <td> <dfn title="attr-fe-inputmode-state-half-width-katakana">Half-width \
Katakana</dfn> + <td> <span \
title="attr-fe-inputmode-state-katakana">Katakana</span>
<td> Katakana input, using half-width characters, with support for converting \
to kanji. Intended for Japanese text input.
-->
<tr>
- <td> <dfn title="attr-inputmode-keyword-numeric"><code>numeric</code></dfn>
- <td> <dfn title="attr-inputmode-state-numeric">Numeric</dfn>
- <td> <span title="attr-inputmode-state-default">Default</span>
+ <td> <dfn title="attr-fe-inputmode-keyword-numeric"><code>numeric</code></dfn>
+ <td> <dfn title="attr-fe-inputmode-state-numeric">Numeric</dfn>
+ <td> <span title="attr-fe-inputmode-state-default">Default</span>
<td> Numeric input, including keys for the digits 0 to 9, the user's preferred \
thousands separator character, and the character for indicating negative numbers. \
Intended for prices, dates, times.
<tr>
- <td> <dfn title="attr-inputmode-keyword-"><code>tel</code></dfn>
- <td> <dfn title="attr-inputmode-state-telephone">Telephone</dfn>
- <td> <span title="attr-inputmode-state-numeric">Numeric</span>
+ <td> <dfn title="attr-fe-inputmode-keyword-"><code>tel</code></dfn>
+ <td> <dfn title="attr-fe-inputmode-state-telephone">Telephone</dfn>
+ <td> <span title="attr-fe-inputmode-state-numeric">Numeric</span>
<td> Telephone number input, including keys for the digits 0 to 9, the "#" \
character, and the "*" character. In some locales, this can also include alphabetic \
mnemonic labels (e.g. in the US, the key labeled "1" is historically also labeled \
with the letters A, B, and C).
<tr>
- <td> <dfn title="attr-inputmode-keyword-email"><code>email</code></dfn>
- <td> <dfn title="attr-inputmode-state-email">E-mail</dfn>
- <td> <span title="attr-inputmode-state-default">Default</span>
+ <td> <dfn title="attr-fe-inputmode-keyword-email"><code>email</code></dfn>
+ <td> <dfn title="attr-fe-inputmode-state-email">E-mail</dfn>
+ <td> <span title="attr-fe-inputmode-state-default">Default</span>
<td> Text input in the user's locale, with keys for aiding in the input of \
e-mail addresses, such as that for the "@" character and the "." character.
<tr>
- <td> <dfn title="attr-inputmode-keyword-url"><code>url</code></dfn>
- <td> <dfn title="attr-inputmode-state-url">URL</dfn>
- <td> <span title="attr-inputmode-state-default">Default</span>
+ <td> <dfn title="attr-fe-inputmode-keyword-url"><code>url</code></dfn>
+ <td> <dfn title="attr-fe-inputmode-state-url">URL</dfn>
+ <td> <span title="attr-fe-inputmode-state-default">Default</span>
<td> Text input in the user's locale, with keys for aiding in the input of Web \
addresses, such as that for the "/" and "." characters and for quick input of strings \
commonly found in domain names such as "www." or ".co.uk".
</table>
<p>User agents <span class="impl">must</span> all support the <dfn
- title="attr-inputmode-state-default">Default</dfn> input mode state,
+ title="attr-fe-inputmode-state-default">Default</dfn> input mode state,
which corresponds to the user agent's default input modality. <span
class="impl">This specification does not define how the user agent's
default modality is to operate.</span> The <i>missing value
default</i> is the <span
- title="attr-inputmode-state-default">default input mode</span>
+ title="attr-fe-inputmode-state-default">default input mode</span>
state.</p>
<div class="impl">
<p>User agents should use the input modality corresponding to the
- state of the <code title="attr-inputmode">inputmode</code> attribute
+ state of the <code title="attr-fe-inputmode">inputmode</code> attribute
when exposing a user interface for editing the value of a form
control to which the attribute applies. An input modality
corresponding to a state is one designed to fit the description of
@@ -64074,6 +63912,128 @@
</div>
+ <h5>Autofilling form controls: the <code \
title="attr-fe-autocomplete">autocomplete</code> attribute</h5> +
+ <p>User agents sometimes have features for helping users fill forms
+ in, for example prefilling the user's address based on earlier user
+ input.</p>
+
+ <p>The <dfn
+ title="attr-fe-autocomplete"><code>autocomplete</code></dfn> content
+ attribute is an <span>enumerated attribute</span>. The attribute has
+ three states. The <code title="attr-fe-autocomplete-on">on</code>
+ keyword maps to the <dfn
+ title="attr-fe-autocomplete-automatic-state">automatic</dfn> state,
+ and the <code title="attr-fe-autocomplete-off">off</code> keyword
+ maps to the <dfn title="attr-fe-autocomplete-off-state">off</dfn>
+ state. The attribute may also be omitted. The <i>missing value
+ default</i> is the <dfn
+ title="attr-fe-autocomplete-default-state">default</dfn> state.</p>
+
+ <p>The <span title="attr-fe-autocomplete-off-state">off</span>
+ state 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>Conversely, the <span
+ title="attr-fe-autocomplete-automatic-state">automatic</span> state
+ indicates that the value is not particularly sensitive and the user
+ can expect to be able to rely on his user agent to remember values
+ he has entered for that control.</p>
+
+ <p>The <span
+ title="attr-fe-autocomplete-default-state">default</span> state
+ indicates that the user agent is to use the <code
+ title="attr-form-autocomplete">autocomplete</code> attribute on the
+ element's <span>form owner</span> instead. (By default, the <code
+ title="attr-form-autocomplete">autocomplete</code> attribute of
+ <code>form</code> elements is in the <span
+ title="attr-form-autocomplete-automatic-state">on</span> state.)</p>
+
+ <div class="impl">
+
+ <p>Each form control defined to have a <code
+ title="attr-fe-autocomplete"> title="">autocomplete</code> attribute
+ has a <dfn>resulting autocompletion state</dfn>, which is either <i
+ title="">automatic</i> or <i title="">off</i>.</p>
+
+ <p>When such a form control is in one of the following conditions,
+ its <span>resulting autocompletion state</span> is <i
+ title="">automatic</i>; otherwise, the its <span>resulting
+ autocompletion state</span> is <i title="">off</i>:</p>
+
+ <ul class="brief">
+
+ <li>Its <code title="attr-fe-autocomplete">autocomplete</code>
+ attribute is in the <span
+ title="attr-fe-autocomplete-automatic-state">automatic</span>
+ state.</li>
+
+ <li>Its <code title="attr-fe-autocomplete">autocomplete</code>
+ attribute is in the <span
+ title="attr-fe-autocomplete-default-state">default</span> state,
+ and the element has no <span>form owner</span>.</li>
+
+ <li>Its <code title="attr-fe-autocomplete">autocomplete</code>
+ attribute is in the <span
+ title="attr-fe-autocomplete-default-state">default</span> state,
+ and the element's <span>form owner</span>'s <code
+ title="attr-form-autocomplete">autocomplete</code> attribute is in
+ the <span
+ title="attr-form-autocomplete-automatic-state">automatic</span>
+ state.</li>
+
+ </ul>
+
+ <p>When a form control's <span>resulting autocompletion state</span>
+ is <i title="">automatic</i>, the user agent may store the value
+ entered or selected by the user so that if the user returns to the
+ page, the UA can prefill the form. Otherwise, the user agent should
+ not remember the control's <span
+ title="concept-fe-value">value</span>, and should not offer past
+ values to the user.</p>
+
+ <p>In addition, if the <span>resulting autocompletion state</span>
+ is <i title="">off</i>, <a href="#history-autocomplete">values are
+ reset</a> when <span title="traverse the history">traversing the
+ history</span>.</p>
+
+ <p>The autocompletion mechanism must be implemented by the user
+ agent acting as if the user had modified the element's <span
+ title="concept-fe-value">value</span>, and must be done at a time
+ where the element is <i title="concept-input-mutable">mutable</i>
+ (e.g. just after the element has been inserted into the document, or
+ when the user agent <span title="stop parsing">stops
+ parsing</span>).</p> <!-- XXX only input elements have
+ concept-input-mutable -->
+
+ <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>
+
+ <p>A user agent may allow the user to override the <span>resulting
+ autocompletion state</span> and set it to always <i title="">on</i>,
+ always allowing values to be remembered and prefilled, or always <i
+ title="">off</i>, never remembering values. However, user agents
+ should not allow users to trivially override the <span>resulting
+ autocompletion state</span> to <i title="">on</i>, as there are
+ significant security implications for the user if all values are
+ always remembered, regardless of the site's preferences.</p>
+
+ </div>
+
+
<!--TOPIC:DOM APIs-->
<h4 id="textFieldSelection">APIs for the text field selections</h4>
@@ -65816,14 +65776,16 @@
<li>
- <p>If the element has a <span>form control <code
- title="">dirname</code> attribute</span>, and that attribute's
- value is not the empty string, then run these substeps:</p>
+ <p>If the element has a <code
+ title="attr-fe-dirname">dirname</code> attribute, and that
+ attribute's value is not the empty string, then run these
+ substeps:</p>
<ol>
<li><p>Let <var title="">dirname</var> be the value of the
- element's <code title="">dirname</code> attribute.</p></li>
+ element's <code title="attr-fe-dirname">dirname</code>
+ attribute.</p></li>
<li><p>Let <var title="">dir</var> be the string "<code
title="">ltr</code>" if <span>the directionality</span> of the
@@ -65839,8 +65801,8 @@
</ol>
- <p class="note">An element can only have a <span>form control
- <code title="">dirname</code> attribute</span> if it is a
+ <p class="note">An element can only have a <code
+ title="attr-fe-dirname">dirname</code> attribute if it is a
<code>textarea</code> element or an <code>input</code> element
whose <code title="attr-input-type">type</code> attribute is in
either the <span title="attr-input-type-text">Text</span> state
@@ -117754,10 +117716,10 @@
<td><span title="global attributes">globals</span>;
<code title="attr-input-accept">accept</code>;
<code title="attr-input-alt">alt</code>;
- <code title="attr-input-autocomplete">autocomplete</code>;
+ <code title="attr-fe-autocomplete">autocomplete</code>;
<code title="attr-fe-autofocus">autofocus</code>;
<code title="attr-input-checked">checked</code>;
- <code title="attr-input-dirname">dirname</code>;
+ <code title="attr-fe-dirname">dirname</code>;
<code title="attr-fe-disabled">disabled</code>;
<code title="attr-fae-form">form</code>;
<code title="attr-fs-formaction">formaction</code>;
@@ -118386,7 +118348,7 @@
<td><span title="global attributes">globals</span>;
<code title="attr-fe-autofocus">autofocus</code>;
<code title="attr-textarea-cols">cols</code>;
- <code title="attr-textarea-dirname">dirname</code>;
+ <code title="attr-fe-dirname">dirname</code>;
<code title="attr-fe-disabled">disabled</code>;
<code title="attr-fae-form">form</code>;
<code title="attr-textarea-maxlength">maxlength</code>;
@@ -119028,7 +118990,7 @@
<tr>
<th> <code title="">autocomplete</code>
<td> <code title="attr-form-autocomplete">form</code>;
- <code title="attr-input-autocomplete">input</code>
+ <code title="attr-fe-autocomplete">input</code>
<td> Prevent the user agent from providing autocompletions for the form \
control(s) <td> "<code title="">on</code>"; "<code title="">off</code>"
<tr>
@@ -119171,8 +119133,8 @@
<td> "<code title="attr-dir-ltr">ltr</code>"; "<code \
title="attr-dir-rtl">rtl</code>"; "<code title="attr-dir-auto">auto</code>" <tr>
<th> <code title="">dirname</code>
- <td> <code title="attr-input-dirname">input</code>;
- <code title="attr-textarea-dirname">textarea</code>
+ <td> <code title="attr-fe-dirname">input</code>;
+ <code title="attr-fe-dirname">textarea</code>
<td> Name of form field to use for sending the element's <span title="the \
directionality">directionality</span> in <span>form submission</span> <td> <a \
href="#attribute-text">Text</a>* <tr>
_______________________________________________
Commit-Watchers mailing list
Commit-Watchers@lists.whatwg.org
http://lists.whatwg.org/listinfo.cgi/commit-watchers-whatwg.org
[prev in list] [next in list] [prev in thread] [next in thread]
Configure |
About |
News |
Add a list |
Sponsored by KoreLogic