[html5] r5676 - [acgiow] (0) Add dirname='' feature (may still be renamed or changed if someone [...]
whatwg at whatwg.org
whatwg at whatwg.org
Wed Nov 10 16:44:34 PST 2010
Author: ianh
Date: 2010-11-10 16:44:32 -0800 (Wed, 10 Nov 2010)
New Revision: 5676
Modified:
complete.html
index
source
Log:
[acgiow] (0) Add dirname='' feature (may still be renamed or changed if someone comes up with a better solution)
Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=10809
Modified: complete.html
===================================================================
--- complete.html 2010-11-09 02:25:15 UTC (rev 5675)
+++ complete.html 2010-11-11 00:44:32 UTC (rev 5676)
@@ -214,7 +214,7 @@
<header class=head id=head><p><a class=logo href=http://www.whatwg.org/ rel=home><img alt=WHATWG height=101 src=/images/logo width=101></a></p>
<hgroup><h1>Web Applications 1.0</h1>
- <h2 class="no-num no-toc">Draft Standard — 9 November 2010</h2>
+ <h2 class="no-num no-toc">Draft Standard — 11 November 2010</h2>
</hgroup><p>You can take part in this work. <a href=http://www.whatwg.org/mailing-list>Join the working group's discussion list.</a></p>
<p><strong>Web designers!</strong> We have a <a href=http://blog.whatwg.org/faq/>FAQ</a>, a <a href=http://forums.whatwg.org/>forum</a>, and a <a href=http://www.whatwg.org/mailing-list#help>help mailing list</a> for you!</p>
<!--<p class="impl"><strong>Implementors!</strong> We have a <a href="http://www.whatwg.org/mailing-list#implementors">mailing list</a> for you too!</p>-->
@@ -669,16 +669,17 @@
<li><a href=#common-input-element-attributes><span class=secno>4.10.7.2 </span>Common <code>input</code> element attributes</a>
<ol>
<li><a href=#the-autocomplete-attribute><span class=secno>4.10.7.2.1 </span>The <code title=attr-input-autocomplete>autocomplete</code> attribute</a></li>
- <li><a href=#the-list-attribute><span class=secno>4.10.7.2.2 </span>The <code title=attr-input-list>list</code> attribute</a></li>
- <li><a href=#the-readonly-attribute><span class=secno>4.10.7.2.3 </span>The <code title=attr-input-readonly>readonly</code> attribute</a></li>
- <li><a href=#the-size-attribute><span class=secno>4.10.7.2.4 </span>The <code title=attr-input-size>size</code> attribute</a></li>
- <li><a href=#the-required-attribute><span class=secno>4.10.7.2.5 </span>The <code title=attr-input-required>required</code> attribute</a></li>
- <li><a href=#the-multiple-attribute><span class=secno>4.10.7.2.6 </span>The <code title=attr-input-multiple>multiple</code> attribute</a></li>
- <li><a href=#the-maxlength-attribute><span class=secno>4.10.7.2.7 </span>The <code title=attr-input-maxlength>maxlength</code> attribute</a></li>
- <li><a href=#the-pattern-attribute><span class=secno>4.10.7.2.8 </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.2.9 </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.2.10 </span>The <code title=attr-input-step>step</code> attribute</a></li>
- <li><a href=#the-placeholder-attribute><span class=secno>4.10.7.2.11 </span>The <code title=attr-input-placeholder>placeholder</code> attribute</a></ol></li>
+ <li><a href=#the-dirname-attribute><span class=secno>4.10.7.2.2 </span>The <code title=attr-input-dirname>dirname</code> attribute</a></li>
+ <li><a href=#the-list-attribute><span class=secno>4.10.7.2.3 </span>The <code title=attr-input-list>list</code> attribute</a></li>
+ <li><a href=#the-readonly-attribute><span class=secno>4.10.7.2.4 </span>The <code title=attr-input-readonly>readonly</code> attribute</a></li>
+ <li><a href=#the-size-attribute><span class=secno>4.10.7.2.5 </span>The <code title=attr-input-size>size</code> attribute</a></li>
+ <li><a href=#the-required-attribute><span class=secno>4.10.7.2.6 </span>The <code title=attr-input-required>required</code> attribute</a></li>
+ <li><a href=#the-multiple-attribute><span class=secno>4.10.7.2.7 </span>The <code title=attr-input-multiple>multiple</code> attribute</a></li>
+ <li><a href=#the-maxlength-attribute><span class=secno>4.10.7.2.8 </span>The <code title=attr-input-maxlength>maxlength</code> attribute</a></li>
+ <li><a href=#the-pattern-attribute><span class=secno>4.10.7.2.9 </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.2.10 </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.2.11 </span>The <code title=attr-input-step>step</code> attribute</a></li>
+ <li><a href=#the-placeholder-attribute><span class=secno>4.10.7.2.12 </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.3 </span>Common <code>input</code> element APIs</a></li>
<li><a href=#common-event-behaviors><span class=secno>4.10.7.4 </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>
@@ -699,7 +700,8 @@
<li><a href="#a-form-control's-value"><span class=secno>4.10.19.3 </span>A form control's value</a></li>
<li><a href=#autofocusing-a-form-control><span class=secno>4.10.19.4 </span>Autofocusing a form control</a></li>
<li><a href=#limiting-user-input-length><span class=secno>4.10.19.5 </span>Limiting user input length</a></li>
- <li><a href=#form-submission-0><span class=secno>4.10.19.6 </span>Form submission</a></ol></li>
+ <li><a href=#form-submission-0><span class=secno>4.10.19.6 </span>Form submission</a></li>
+ <li><a href=#submitting-element-directionality><span class=secno>4.10.19.7 </span>Submitting element directionality</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>
@@ -38351,6 +38353,7 @@
<dd><code title=attr-input-autocomplete><a href=#attr-input-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-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>
@@ -38384,6 +38387,7 @@
attribute boolean <a href=#dom-fe-autofocus title=dom-fe-autofocus>autofocus</a>;
attribute boolean <a href=#dom-input-defaultchecked title=dom-input-defaultChecked>defaultChecked</a>;
attribute boolean <a href=#dom-input-checked title=dom-input-checked>checked</a>;
+ attribute DOMString <a href=#dom-input-dirname title=dom-input-dirName>dirName</a>;
attribute boolean <a href=#dom-fe-disabled title=dom-fe-disabled>disabled</a>;
readonly attribute <a href=#htmlformelement>HTMLFormElement</a> <a href=#dom-fae-form title=dom-fae-form>form</a>;
readonly attribute <span>FileList</span> <a href=#dom-input-files title=dom-input-files>files</a>;
@@ -38540,7 +38544,7 @@
<td> A button
</table><p>The <i>missing value default</i> is the <a href=#text-state-and-search-state 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-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-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-inpu
t-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>, <code title=dom-input-list><a href=#dom-input-list>list</a></code>, and <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code> IDL
+ <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-list><a href=#attr-input-list>list</a></code>, <code tit
le=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>che
cked</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>, <code title=dom-input-list><a href=#dom-input-list>list</a></code>, and <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</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> and
<code title=dom-textarea/input-selectionEnd><a href=#dom-textarea/input-selectionend>selectionEnd</a></code>
IDL attributes, the <code title=dom-textarea/input-setSelectionRange><a href=#dom-textarea/input-setselectionrange>setSelectionRange()</a></code>
@@ -38555,8 +38559,8 @@
<table class=applies id=input-type-attr-summary><thead><tr><th>
<th> <span title=""><a href=#hidden-state title=attr-input-type-hidden>Hidden</a></span>
<th> <span title=""><a href=#text-state-and-search-state title=attr-input-type-text>Text</a>,</span>
- <span title=""><a href=#text-state-and-search-state title=attr-input-type-search>Search</a>,</span>
- <span title=""><a href=#url-state title=attr-input-type-url>URL</a>,</span>
+ <span title=""><a href=#text-state-and-search-state title=attr-input-type-search>Search</a></span>
+ <th> <span title=""><a href=#url-state title=attr-input-type-url>URL</a>,</span>
<span title=""><a href=#telephone-state title=attr-input-type-tel>Telephone</a></span>
<th> <span title=""><a href=#e-mail-state title=attr-input-type-email>E-mail</a></span>
<th> <span title=""><a href=#password-state title=attr-input-type-password>Password</a></span>
@@ -38577,13 +38581,13 @@
<th> <span title=""><a href=#reset-button-state title=attr-input-type-reset>Reset Button</a>,</span>
<span title=""><a href=#button-state title=attr-input-type-button>Button</a></span>
- <tbody><tr><th colspan=14 scope=rowgroup>Content attributes
+ <tbody><tr><th colspan=15 scope=rowgroup>Content attributes
<tr><th> <code title=attr-input-accept><a href=#attr-input-accept>accept</a></code>
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -38607,7 +38611,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -38631,7 +38635,7 @@
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=yes> Yes <!-- Password -->
<td class=yes> Yes <!-- Date and Time -->
@@ -38655,7 +38659,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -38675,11 +38679,35 @@
<td class=no> · <!-- Reset Button -->
<!-- <td class="no"> · Button -->
+ <tr><th> <code title=attr-input-dirname><a href=#attr-input-dirname>dirname</a></code>
+ <td class=no> · <!-- Hidden -->
+ <td class=yes> Yes <!-- Text -->
+<!-- <td class="yes"> Yes Search -->
+ <td class=no> · <!-- URL, Telephone -->
+ <td class=no> · <!-- E-mail -->
+ <td class=no> · <!-- Password -->
+ <td class=no> · <!-- Date and Time -->
+<!-- <td class="no"> · Date -->
+<!-- <td class="no"> · Month -->
+<!-- <td class="no"> · Week -->
+<!-- <td class="no"> · Time -->
+ <td class=no> · <!-- Local Date and Time -->
+<!-- <td class="no"> · Number -->
+ <td class=no> · <!-- Range -->
+ <td class=no> · <!-- Color -->
+ <td class=no> · <!-- Checkbox -->
+<!-- <td class="no"> · Radio Button -->
+ <td class=no> · <!-- File Upload -->
+ <td class=no> · <!-- Submit Button -->
+ <td class=no> · <!-- Image Button -->
+ <td class=no> · <!-- Reset Button -->
+<!-- <td class="no"> · Button -->
+
<tr><th> <code title=attr-fs-formaction><a href=#attr-fs-formaction>formaction</a></code>
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -38703,7 +38731,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -38727,7 +38755,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -38751,7 +38779,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -38775,7 +38803,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -38799,7 +38827,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -38823,7 +38851,7 @@
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=yes> Yes <!-- Date and Time -->
@@ -38847,7 +38875,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=yes> Yes <!-- Date and Time -->
@@ -38871,7 +38899,7 @@
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=yes> Yes <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -38895,7 +38923,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=yes> Yes <!-- Date and Time -->
@@ -38919,7 +38947,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone --> <!-- if you change this, you can merge this line with the next to save room on the chart -->
<td class=yes> Yes <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -38943,7 +38971,7 @@
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=yes> Yes <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -38967,7 +38995,7 @@
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=yes> Yes <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -38991,7 +39019,7 @@
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=yes> Yes <!-- Password -->
<td class=yes> Yes <!-- Date and Time -->
@@ -39015,7 +39043,7 @@
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=yes> Yes <!-- Password -->
<td class=yes> Yes <!-- Date and Time -->
@@ -39039,7 +39067,7 @@
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=yes> Yes <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -39063,7 +39091,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -39087,7 +39115,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=yes> Yes <!-- Date and Time -->
@@ -39111,7 +39139,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -39131,13 +39159,13 @@
<td class=no> · <!-- Reset Button -->
<!-- <td class="no"> · Button -->
- <tbody><tr><th colspan=14 scope=rowgroup>IDL attributes and methods
+ <tbody><tr><th colspan=15 scope=rowgroup>IDL attributes and methods
<tr><th> <code title=dom-input-checked><a href=#dom-input-checked>checked</a></code>
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -39161,7 +39189,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -39185,7 +39213,7 @@
<td class=yes> <a href=#dom-input-value-default title=dom-input-value-default>default</a> <!-- Hidden -->
<td class=yes> <a href=#dom-input-value-value title=dom-input-value-value>value</a> <!-- Text -->
<!-- <td class="yes"> <span title="dom-input-value-value">value</span> Search -->
-<!-- <td class="yes"> <span title="dom-input-value-value">value</span> URL -->
+ <td class=yes> <a href=#dom-input-value-value title=dom-input-value-value>value</a> <!-- URL, Telephone -->
<td class=yes> <a href=#dom-input-value-value title=dom-input-value-value>value</a> <!-- E-mail -->
<td class=yes> <a href=#dom-input-value-value title=dom-input-value-value>value</a> <!-- Password -->
<td class=yes> <a href=#dom-input-value-value title=dom-input-value-value>value</a> <!-- Date and Time -->
@@ -39209,7 +39237,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=yes> Yes <!-- Date and Time -->
@@ -39233,7 +39261,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=yes> Yes <!-- Date and Time -->
@@ -39257,7 +39285,7 @@
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=yes> Yes <!-- Date and Time -->
@@ -39281,7 +39309,7 @@
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=yes> Yes <!-- Date and Time -->
@@ -39305,7 +39333,7 @@
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=yes> Yes <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -39329,7 +39357,7 @@
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=yes> Yes <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -39353,7 +39381,7 @@
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=yes> Yes <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -39377,7 +39405,7 @@
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=yes> Yes <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -39401,7 +39429,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=yes> Yes <!-- Date and Time -->
@@ -39425,7 +39453,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=yes> Yes <!-- Date and Time -->
@@ -39445,13 +39473,13 @@
<td class=no> · <!-- Reset Button -->
<!-- <td class="no"> · Button -->
- <tbody><tr><th colspan=14 scope=rowgroup>Events
+ <tbody><tr><th colspan=15 scope=rowgroup>Events
<tr><th> <span title=""><code title=event-input-input><a href=#event-input-input>input</a></code> event</span>
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=yes> Yes <!-- Password -->
<td class=yes> Yes <!-- Date and Time -->
@@ -39475,7 +39503,7 @@
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=yes> Yes <!-- Password -->
<td class=yes> Yes <!-- Date and Time -->
@@ -39647,7 +39675,8 @@
<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-readonly title=dom-input-readOnly><code>readOnly</code></dfn> IDL attribute
+ 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-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
@@ -39719,6 +39748,7 @@
<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-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-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>,
@@ -39788,8 +39818,27 @@
by the user. User agents must not allow users to insert U+000A LINE
FEED (LF) or U+000D CARRIAGE RETURN (CR) characters into the
element's <a href=#concept-fe-value title=concept-fe-value>value</a>.</p>
- </div>
+ <!-- this next bit is also in the <textarea> section -->
+ <p>If the element is <i title=concept-input-mutable><a href=#concept-input-mutable>mutable</a></i>,
+ the user agent should allow the user to change the writing direction
+ of the element, setting it either to a left-to-right writing
+ direction or a right-to-left writing direction. If the user does so,
+ the user agent must then run the following steps:</p>
+
+ <ol><li><p>Set the element's <code title=attr-dir><a href=#the-dir-attribute>dir</a></code>
+ attribute to "<code title=attr-dir-ltr><a href=#attr-dir-ltr>ltr</a></code>" if the user
+ selected a left-to-right writing direction, and "<code title=attr-dir-rtl><a href=#attr-dir-rtl>rtl</a></code>" if the user selected a
+ right-to-left writing direction.</li>
+
+ <li><p><a href=#queue-a-task>Queue a task</a> to first <a href=#fire-a-simple-event>fire a simple
+ event</a> that bubbles named <code title=event-input>input</code> at the <code><a href=#the-input-element>input</a></code> element,
+ and to then <a href=#broadcast-forminput-events>broadcast <code title=event-forminput>forminput</code> events</a> from the
+ <code><a href=#the-input-element>input</a></code> element's <a href=#form-owner>form owner</a>, if
+ any.</li>
+
+ </ol></div>
+
<p>The <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute, if
specified, must have a value that contains no U+000A LINE FEED (LF)
or U+000D CARRIAGE RETURN (CR) characters.</p>
@@ -39806,6 +39855,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-input-dirname><a href=#attr-input-dirname>dirname</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>,
@@ -39929,6 +39979,7 @@
<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-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>,
@@ -40031,6 +40082,7 @@
<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-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>,
@@ -40199,6 +40251,7 @@
<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-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>,
@@ -40283,6 +40336,7 @@
<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-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>,
@@ -40440,6 +40494,7 @@
<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-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>,
@@ -40609,6 +40664,7 @@
<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-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>,
@@ -40756,6 +40812,7 @@
<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-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>,
@@ -40905,6 +40962,7 @@
<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-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>,
@@ -41051,6 +41109,7 @@
<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-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>,
@@ -41185,6 +41244,7 @@
<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-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>,
@@ -41345,6 +41405,7 @@
<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-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>,
@@ -41509,6 +41570,7 @@
<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-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>,
@@ -41664,6 +41726,7 @@
<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-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>,
@@ -41734,9 +41797,9 @@
back to the values they had before the <a href=#pre-click-activation-steps>pre-click activation
steps</a> were run. The <a href=#activation-behavior>activation behavior</a> is to
<a href=#fire-a-simple-event>fire a simple event</a> that bubbles named <code title=event-change>change</code> at the element<!-- It's not
- cancelable. Once this fires, the control is checked, end of
- story. -->, then <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> at the
- element's <a href=#form-owner>form owner</a>.</p>
+ cancelable. Once this fires, the control is checked, end of story.
+ -->, then <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> from the
+ element's <a href=#form-owner>form owner</a>, if any.</p>
<p><strong>Constraint validation</strong>: If the element is <i title=concept-input-required><a href=#concept-input-required>required</a></i> and its <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> is false, then the
element is <a href=#suffering-from-being-missing>suffering from being missing</a>.</p>
@@ -41771,6 +41834,7 @@
<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-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>,
@@ -41870,8 +41934,8 @@
false. The <a href=#activation-behavior>activation behavior</a> is to <a href=#fire-a-simple-event>fire a
simple event</a> that bubbles named <code title=event-change>change</code> at the element<!-- It's not
cancelable. Once this fires, the control is checked, end of
- story. -->, then <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> at the
- element's <a href=#form-owner>form owner</a>.</p>
+ story. -->, then <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> from the
+ element's <a href=#form-owner>form owner</a>, if any.</p>
<p><strong>Constraint validation</strong>: If the element is <i title=concept-input-required><a href=#concept-input-required>required</a></i> and all of the
<code><a href=#the-input-element>input</a></code> elements in the <i><a href=#radio-button-group>radio button group</a></i> have a
@@ -41906,6 +41970,7 @@
<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-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>,
@@ -42087,6 +42152,7 @@
<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-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-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>,
@@ -42183,6 +42249,7 @@
<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-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-dim-height><a href=#attr-dim-height>height</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>,
@@ -42396,6 +42463,7 @@
<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-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-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>,
@@ -42478,6 +42546,7 @@
<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-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-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>,
@@ -42556,6 +42625,7 @@
<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-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-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>,
@@ -42714,9 +42784,39 @@
</div>
+ <h6 id=the-dirname-attribute><span class=secno>4.10.7.2.2 </span>The <code title=attr-input-dirname><a href=#attr-input-dirname>dirname</a></code> attribute</h6>
- <h6 id=the-list-attribute><span class=secno>4.10.7.2.2 </span>The <code title=attr-input-list><a href=#attr-input-list>list</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>
+
+ <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>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-list-attribute><span class=secno>4.10.7.2.3 </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>
@@ -42836,7 +42936,7 @@
- <h6 id=the-readonly-attribute><span class=secno>4.10.7.2.3 </span>The <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute</h6>
+ <h6 id=the-readonly-attribute><span class=secno>4.10.7.2.4 </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
@@ -42885,7 +42985,7 @@
- <h6 id=the-size-attribute><span class=secno>4.10.7.2.4 </span>The <code title=attr-input-size><a href=#attr-input-size>size</a></code> attribute</h6>
+ <h6 id=the-size-attribute><span class=secno>4.10.7.2.5 </span>The <code title=attr-input-size><a href=#attr-input-size>size</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
@@ -42911,7 +43011,7 @@
- <h6 id=the-required-attribute><span class=secno>4.10.7.2.5 </span>The <code title=attr-input-required><a href=#attr-input-required>required</a></code> attribute</h6>
+ <h6 id=the-required-attribute><span class=secno>4.10.7.2.6 </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
@@ -42953,7 +43053,7 @@
</div>
- <h6 id=the-multiple-attribute><span class=secno>4.10.7.2.6 </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.2.7 </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
@@ -43006,7 +43106,7 @@
</div>
- <h6 id=the-maxlength-attribute><span class=secno>4.10.7.2.7 </span>The <code title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code> attribute</h6>
+ <h6 id=the-maxlength-attribute><span class=secno>4.10.7.2.8 </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>
@@ -43032,7 +43132,7 @@
- <h6 id=the-pattern-attribute><span class=secno>4.10.7.2.8 </span>The <code title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code> attribute</h6>
+ <h6 id=the-pattern-attribute><span class=secno>4.10.7.2.9 </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
@@ -43097,7 +43197,7 @@
- <h6 id=the-min-and-max-attributes><span class=secno>4.10.7.2.9 </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.2.10 </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>
@@ -43175,7 +43275,7 @@
</div>
- <h6 id=the-step-attribute><span class=secno>4.10.7.2.10 </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.2.11 </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)
@@ -43262,7 +43362,7 @@
- <h6 id=the-placeholder-attribute><span class=secno>4.10.7.2.11 </span>The <code title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code> attribute</h6>
+ <h6 id=the-placeholder-attribute><span class=secno>4.10.7.2.12 </span>The <code title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code> attribute</h6>
<!-- similar text in the <textarea> section -->
@@ -43581,15 +43681,16 @@
<p>When the <dfn id=event-input-input title=event-input-input><code>input</code></dfn>
event applies, any time the user causes the element's <a href=#concept-fe-value title=concept-fe-value>value</a> to change, the user agent must
- <a href=#queue-a-task>queue a task</a> to <a href=#fire-a-simple-event>fire a simple event</a> that
- bubbles named <code title=event-input>input</code> at the
- <code><a href=#the-input-element>input</a></code> element, then <a href=#broadcast-forminput-events>broadcast <code title=event-forminput>forminput</code> events</a> at the
- <code><a href=#the-input-element>input</a></code> element's <a href=#form-owner>form owner</a>. User agents
- may wait for a suitable break in the user's interaction before
- queuing the task; for example, a user agent could wait for the user
- to have not hit a key for 100ms, so as to only fire the event when
- the user pauses, instead of continuously for each keystroke.</p>
- <!-- same text is present in the <textarea> section -->
+ <a href=#queue-a-task>queue a task</a> to first <a href=#fire-a-simple-event>fire a simple event</a>
+ that bubbles named <code title=event-input>input</code> at the
+ <code><a href=#the-input-element>input</a></code> element, and then to <a href=#broadcast-forminput-events>broadcast <code title=event-forminput>forminput</code> events</a> from the
+ <code><a href=#the-input-element>input</a></code> element's <a href=#form-owner>form owner</a>, if any. User
+ agents may wait for a suitable break in the user's interaction
+ before queuing the task; for example, a user agent could wait for
+ the user to have not hit a key for 100ms, so as to only fire the
+ event when the user pauses, instead of continuously for each
+ keystroke.</p> <!-- same text is present in the <textarea> section
+ -->
<p class=example>Examples of a user changing the element's <a href=#concept-fe-value title=concept-fe-value>value</a> would include the user typing
into a text field, pasting a new value into the field, or undoing an
@@ -43603,10 +43704,10 @@
defined but uses a user interface that involves an explicit commit
action, then any time the user commits a change to the element's
<a href=#concept-fe-value title=concept-fe-value>value</a> or list of <a href=#concept-input-type-file-selected title=concept-input-type-file-selected>selected files</a>, the
- user agent must <a href=#queue-a-task>queue a task</a> to <a href=#fire-a-simple-event>fire a simple
- event</a> that bubbles named <code title=event-change>change</code> at the <code><a href=#the-input-element>input</a></code>
- element, then <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> at the
- <code><a href=#the-input-element>input</a></code> element's <a href=#form-owner>form owner</a>.</p>
+ user agent must <a href=#queue-a-task>queue a task</a> to first <a href=#fire-a-simple-event>fire a
+ simple event</a> that bubbles named <code title=event-change>change</code> at the <code><a href=#the-input-element>input</a></code>
+ element, and then to <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> from the
+ <code><a href=#the-input-element>input</a></code> element's <a href=#form-owner>form owner</a>, if any.</p>
<p class=example>An example of a user interface with a commit
action would be a <a href=#file-upload-state title=attr-input-type-file>File
@@ -43632,8 +43733,8 @@
element.</li>
<li>If the <code title=event-input-input><a href=#event-input-input>input</a></code> event
- applies, <a href=#broadcast-forminput-events>broadcast <code title=event-forminput>forminput</code> events</a> at the
- <code><a href=#the-input-element>input</a></code> element's <a href=#form-owner>form owner</a>.</li>
+ applies, <a href=#queue-a-task>queue a task</a> to <a href=#broadcast-forminput-events>broadcast <code title=event-forminput>forminput</code> events</a> from the
+ <code><a href=#the-input-element>input</a></code> element's <a href=#form-owner>form owner</a>, if any.</li>
<li>If the <code title=event-input-change><a href=#event-input-change>change</a></code> event
applies, <a href=#queue-a-task>queue a task</a> to <a href=#fire-a-simple-event>fire a simple
@@ -43641,8 +43742,8 @@
element.</li>
<li>If the <code title=event-input-change><a href=#event-input-change>change</a></code> event
- applies, <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> at the
- <code><a href=#the-input-element>input</a></code> element's <a href=#form-owner>form owner</a>.</li>
+ applies, <a href=#queue-a-task>queue a task</a> to <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> from the
+ <code><a href=#the-input-element>input</a></code> element's <a href=#form-owner>form owner</a>, if any.</li>
</ol><p class=note>In addition, when the <code title=event-input-change><a href=#event-input-change>change</a></code> event applies, <code title=event-change>change</code> events can also be fired as part
of the element's <a href=#activation-behavior>activation behavior</a> and as part of the
@@ -43964,8 +44065,8 @@
attribute is absent, and the element is not <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a>, then the user agent
should allow the user to pick an <code><a href=#the-option-element>option</a></code> element in its
<a href=#concept-select-option-list title=concept-select-option-list>list of options</a> that
- is itself not <a href=#concept-option-disabled title=concept-option-disabled>disabled</a>. Upon this
- <code><a href=#the-option-element>option</a></code> element being <dfn id=concept-select-pick title=concept-select-pick>picked</dfn> (either through a click, or
+ is itself not <a href=#concept-option-disabled title=concept-option-disabled>disabled</a>.
+ Upon this <code><a href=#the-option-element>option</a></code> element being <dfn id=concept-select-pick title=concept-select-pick>picked</dfn> (either through a click, or
through unfocusing the element after changing its value, or through
a <a href=#using-the-option-element-to-define-a-command title=option-command>menu command</a>, or through any
other mechanism), and before the relevant user interaction event
@@ -43973,10 +44074,10 @@
<code title=event-click><a href=#event-click>click</a></code> event), the user agent must
set the <a href=#concept-option-selectedness title=concept-option-selectedness>selectedness</a> of the
picked <code><a href=#the-option-element>option</a></code> element to true and then <a href=#queue-a-task>queue a
- task</a> to <a href=#fire-a-simple-event>fire a simple event</a> that bubbles named
- <code title=event-change>change</code> at the <code><a href=#the-select-element>select</a></code>
- element, using the <a href=#user-interaction-task-source>user interaction task source</a> as the
- task source, then <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> at the
+ task</a> to first <a href=#fire-a-simple-event>fire a simple event</a> that bubbles
+ named <code title=event-change>change</code> at the
+ <code><a href=#the-select-element>select</a></code> element, using the <a href=#user-interaction-task-source>user interaction task
+ source</a> as the task source, and then to <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> from the
element's <a href=#form-owner>form owner</a>.</p>
<p>If the <code title=attr-select-multiple><a href=#attr-select-multiple>multiple</a></code>
@@ -43998,10 +44099,10 @@
interaction event spec point --> is queued (e.g. before the <code title=event-click><a href=#event-click>click</a></code> event), the user agent must set the
<a href=#concept-option-selectedness title=concept-option-selectedness>selectedness</a> of
that <code><a href=#the-option-element>option</a></code> element to false and then <a href=#queue-a-task>queue a
- task</a> to <a href=#fire-a-simple-event>fire a simple event</a> that bubbles named
- <code title=event-change>change</code> at the <code><a href=#the-select-element>select</a></code>
- element, using the <a href=#user-interaction-task-source>user interaction task source</a> as the
- task source, then <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> at the
+ task</a> to first <a href=#fire-a-simple-event>fire a simple event</a> that bubbles
+ named <code title=event-change>change</code> at the
+ <code><a href=#the-select-element>select</a></code> element, using the <a href=#user-interaction-task-source>user interaction task
+ source</a> as the task source, and then to <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> from the
element's <a href=#form-owner>form owner</a>.</p>
<p>If the <code title=attr-select-multiple><a href=#attr-select-multiple>multiple</a></code>
@@ -44019,15 +44120,15 @@
should allow the user to <dfn id=concept-select-toggle title=concept-select-toggle>toggle</dfn> the <a href=#concept-option-selectedness title=concept-option-selectedness>selectedness</a> of the
<code><a href=#the-option-element>option</a></code> elements in its <a href=#concept-select-option-list title=concept-select-option-list>list of options</a> that are
themselves not <a href=#concept-option-disabled title=concept-option-disabled>disabled</a>
- (either through a click, or through a <a href=#using-the-option-element-to-define-a-command title=option-command>menu command</a>, or any other
- mechanism). Upon the <a href=#concept-option-selectedness title=concept-option-selectedness>selectedness</a> of one or
+ (either through a click, or through a <a href=#using-the-option-element-to-define-a-command title=option-command>menu command</a>, or any other mechanism).
+ Upon the <a href=#concept-option-selectedness title=concept-option-selectedness>selectedness</a> of one or
more <code><a href=#the-option-element>option</a></code> elements being changed by the user, and
before the relevant user interaction event <!-- interaction event
spec point --> is queued (e.g. before a related <code title=event-click><a href=#event-click>click</a></code> event), the user agent must
- <a href=#queue-a-task>queue a task</a> to <a href=#fire-a-simple-event>fire a simple event</a> that
- bubbles named <code title=event-change>change</code> at the
+ <a href=#queue-a-task>queue a task</a> to first <a href=#fire-a-simple-event>fire a simple event</a>
+ that bubbles named <code title=event-change>change</code> at the
<code><a href=#the-select-element>select</a></code> element, using the <a href=#user-interaction-task-source>user interaction task
- source</a> as the task source, then <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> at the
+ source</a> as the task source, and then to <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> from the
element's <a href=#form-owner>form owner</a>.</p>
<p>The <a href=#concept-form-reset-control title=concept-form-reset-control>reset
@@ -44653,6 +44754,7 @@
<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-fe-disabled><a href=#attr-fe-disabled>disabled</a></code></dd>
+ <dd><code title=attr-textarea-dirname><a href=#attr-textarea-dirname>dirname</a></code></dd>
<dd><code title=attr-fae-form><a href=#attr-fae-form>form</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>
@@ -44667,6 +44769,7 @@
attribute boolean <a href=#dom-fe-autofocus title=dom-fe-autofocus>autofocus</a>;
attribute unsigned long <a href=#dom-textarea-cols title=dom-textarea-cols>cols</a>;
attribute boolean <a href=#dom-fe-disabled title=dom-fe-disabled>disabled</a>;
+ attribute DOMString <a href=#dom-textarea-dirname title=dom-textarea-dirName>dirName</a>;
readonly attribute <a href=#htmlformelement>HTMLFormElement</a> <a href=#dom-fae-form title=dom-fae-form>form</a>;
attribute long <a href=#dom-textarea-maxlength title=dom-textarea-maxLength>maxLength</a>;
attribute DOMString <a href=#dom-fe-name title=dom-fe-name>name</a>;
@@ -44725,9 +44828,9 @@
<p>When a <code><a href=#the-textarea-element>textarea</a></code> is <a href=#concept-textarea-mutable title=concept-textarea-mutable>mutable</a>, its <a href=#concept-textarea-raw-value title=concept-textarea-raw-value>raw value</a> should be
editable by the user. Any time the user causes the element's <a href=#concept-textarea-raw-value title=concept-textarea-raw-value>raw value</a> to change, the
- user agent must <a href=#queue-a-task>queue a task</a> to <a href=#fire-a-simple-event>fire a simple
- event</a> that bubbles named <code title=event-input>input</code> at the <code><a href=#the-textarea-element>textarea</a></code>
- element, then <a href=#broadcast-forminput-events>broadcast <code title=event-forminput>forminput</code> events</a> at the
+ user agent must <a href=#queue-a-task>queue a task</a> to first <a href=#fire-a-simple-event>fire a
+ simple event</a> that bubbles named <code title=event-input>input</code> at the <code><a href=#the-textarea-element>textarea</a></code>
+ element, and then to <a href=#broadcast-forminput-events>broadcast <code title=event-forminput>forminput</code> events</a> from the
<code><a href=#the-textarea-element>textarea</a></code> element's <a href=#form-owner>form owner</a>. User agents
may wait for a suitable break in the user's interaction before
queuing the task; for example, a user agent could wait for the user
@@ -44751,8 +44854,26 @@
the value of the element's <code><a href=#textcontent>textContent</a></code> IDL
attribute.</p>
- </div>
+ <!-- this next bit is also in the <input> Text/Search section -->
+ <p>If the element is <a href=#concept-textarea-mutable title=concept-textarea-mutable>mutable</a>, the user agent
+ should allow the user to change the writing direction of the
+ element, setting it either to a left-to-right writing direction or a
+ right-to-left writing direction. If the user does so, the user agent
+ must then run the following steps:</p>
+ <ol><li><p>Set the element's <code title=attr-dir><a href=#the-dir-attribute>dir</a></code>
+ attribute to "<code title=attr-dir-ltr><a href=#attr-dir-ltr>ltr</a></code>" if the user
+ selected a left-to-right writing direction, and "<code title=attr-dir-rtl><a href=#attr-dir-rtl>rtl</a></code>" if the user selected a
+ right-to-left writing direction.</li>
+
+ <li><p><a href=#queue-a-task>Queue a task</a> to first <a href=#fire-a-simple-event>fire a simple
+ event</a> that bubbles named <code title=event-input>input</code> at the <code><a href=#the-textarea-element>textarea</a></code>
+ element, and to then <a href=#broadcast-forminput-events>broadcast <code title=event-forminput>forminput</code> events</a> from the
+ <code><a href=#the-textarea-element>textarea</a></code> element's <a href=#form-owner>form owner</a>, if
+ any.</li>
+
+ </ol></div>
+
<p>The <dfn id=attr-textarea-cols title=attr-textarea-cols><code>cols</code></dfn>
attribute specifies the expected maximum number of characters per
line. If the <code title=attr-textarea-cols><a href=#attr-textarea-cols>cols</a></code> attribute
@@ -44889,6 +45010,9 @@
</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-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
@@ -44924,7 +45048,9 @@
name. The <code title=dom-textarea-cols><a href=#dom-textarea-cols>cols</a></code> and <code title=dom-textarea-rows><a href=#dom-textarea-rows>rows</a></code> attributes are <a href=#limited-to-only-non-negative-numbers-greater-than-zero>limited
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-maxlength title=dom-textarea-maxLength><code>maxLength</code></dfn> IDL
+ 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
+ <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
attribute must <a href=#reflect>reflect</a> the <code title=attr-textarea-readonly><a href=#attr-textarea-readonly>readonly</a></code> content
@@ -44966,6 +45092,23 @@
<pre><p>If you have any comments, please let us know: <textarea cols=80 name=comments></textarea></p></pre>
+ <p>To specify that a maximum length for the comments, one can use
+ the <code title=attr-textarea-maxlength><a href=#attr-textarea-maxlength>maxlength</a></code>
+ attribute:</p>
+
+ <pre><p>If you have any short comments, please let us know: <textarea cols=80 name=comments maxlength=200></textarea></p></pre>
+
+ <p>To give a default value, text can be included inside the element:</p>
+
+ <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
+ specified:</p>
+
+ <pre><p>If you have any comments, please let us know (you may use either English or Hebrew for your comments):
+<textarea cols=80 name=comments dirname=comments.dir></textarea></p></pre>
+
</div>
@@ -46425,7 +46568,16 @@
</div>
+ <h5 id=submitting-element-directionality><span class=secno>4.10.19.7 </span>Submitting element directionality</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>
+
+
<h4 id=textFieldSelection><span class=secno>4.10.20 </span>APIs for the text field selections</h4>
<!-- v2 idea: DOM Range APIs to expose the textarea/input edited
@@ -47167,11 +47319,11 @@
user, and let <var title="">y</var> be the <var title="">y</var>-component of the coordinate selected by the
user.</li>
- <li><p>Append an entry in the <var title="">form data set</var>
+ <li><p>Append an entry to the <var title="">form data set</var>
with the name <var title="">name<sub title="">x</sub></var>,
the value <var title="">x</var>, and the type <var title="">type</var>.</li>
- <li><p>Append an entry in the <var title="">form data set</var>
+ <li><p>Append an entry to the <var title="">form data set</var>
with the name <var title="">name<sub title="">y</sub></var> and
the value <var title="">y</var>, and the type <var title="">type</var>.</li>
@@ -47188,7 +47340,7 @@
<li><p>If the <var title="">field</var> element is a
<code><a href=#the-select-element>select</a></code> element, then for each <code><a href=#the-option-element>option</a></code>
element in the <code><a href=#the-select-element>select</a></code> element whose <a href=#concept-option-selectedness title=concept-option-selectedness>selectedness</a> is true,
- append an entry in the <var title="">form data set</var> with the
+ append an entry to the <var title="">form data set</var> with the
<var title="">name</var> as the name, the <a href=#concept-option-value title=concept-option-value>value</a> of the
<code><a href=#the-option-element>option</a></code> element as the value, and <var title="">type</var> as the type.</li>
@@ -47204,7 +47356,7 @@
otherwise, let <var title="">value</var> be the string
"<code title="">on</code>".</li>
- <li><p>Append an entry in the <var title="">form data set</var>
+ <li><p>Append an entry to the <var title="">form data set</var>
with <var title="">name</var> as the name, <var title="">value</var> as the value, and <var title="">type</var>
as the type.</li>
@@ -47213,11 +47365,11 @@
<li><p>Otherwise, if the <var title="">field</var> element is 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 the <a href=#file-upload-state title=attr-input-type-file>File Upload</a> state, then for
each file <a href=#concept-input-type-file-selected title=concept-input-type-file-selected>selected</a> in the
- <code><a href=#the-input-element>input</a></code> element, append an entry in the <var title="">form data set</var> with the <var title="">name</var> as
+ <code><a href=#the-input-element>input</a></code> element, append an entry to the <var title="">form data set</var> with the <var title="">name</var> as
the name, the file (consisting of the name, the type, and the
body) as the value, and <var title="">type</var> as the type. If
there are no <a href=#concept-input-type-file-selected title=concept-input-type-file-selected>selected files</a>,
- then append an entry in the <var title="">form data set</var>
+ then append an entry to the <var title="">form data set</var>
with the <var title="">name</var> as the name, the empty string
as the value, and <code>application/octet-stream</code> as the
type.</li>
@@ -47227,13 +47379,38 @@
<code><a href=#the-object-element>object</a></code> element: try to obtain a form submission
value from the <a href=#plugin>plugin</a><!-- using NPAPI's
NPP_GetValue() entry point with the NPPVformValue variable -->,
- and if that is successful, append an entry in the <var title="">form data set</var> with <var title="">name</var> as the
+ and if that is successful, append an entry to the <var title="">form data set</var> with <var title="">name</var> as the
name, the returned form submission value as the value, and the
string "<code title="">object</code>" as the type.</li>
- <li><p>Otherwise, append an entry in the <var title="">form data
+ <li><p>Otherwise, append an entry to the <var title="">form data
set</var> with <var title="">name</var> as the name, the <a href=#concept-fe-value title=concept-fe-value>value</a> of the <var title="">field</var> element as the value, and <var title="">type</var> as the type.</li>
+ <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>
+
+ <ol><li><p>Let <var title="">dirname</var> be the value of the
+ element's <code title="">dirname</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
+ directionality</a> of the element is '<a href=#concept-rtl title=concept-rtl>rtl</a>').</li>
+
+ <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
+ <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-state-and-search-state title=attr-input-type-text>Text</a> state
+ or the <a href=#text-state-and-search-state title=attr-input-type-search>Search</a>
+ state.</p>
+
+ </li>
+
</ol></li>
<li><p>Let <var title="">action</var> be the <var title="">submitter</var> element's <a href=#concept-fs-action title=concept-fs-action>action</a>.</li>
@@ -89353,6 +89530,7 @@
<code title=attr-input-autocomplete><a href=#attr-input-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-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>;
@@ -90435,6 +90613,11 @@
<td> <a href=#the-dir-attribute title=attr-dir>HTML elements</a>
<td> <a href=#the-directionality title="the directionality">The text directionality</a> of the element
<td> "<code title="">ltr</code>"; "<code title="">rtl</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> 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>
<td> <code title=attr-fe-disabled><a href=#attr-fe-disabled>button</a></code>;
<code title=attr-command-disabled><a href=#attr-command-disabled>command</a></code>;
Modified: index
===================================================================
--- index 2010-11-09 02:25:15 UTC (rev 5675)
+++ index 2010-11-11 00:44:32 UTC (rev 5676)
@@ -218,7 +218,7 @@
<header class=head id=head><p><a class=logo href=http://www.whatwg.org/ rel=home><img alt=WHATWG height=101 src=/images/logo width=101></a></p>
<hgroup><h1>HTML5 (including next generation additions still in development)</h1>
- <h2 class="no-num no-toc">Draft Standard — 9 November 2010</h2>
+ <h2 class="no-num no-toc">Draft Standard — 11 November 2010</h2>
</hgroup><p>You can take part in this work. <a href=http://www.whatwg.org/mailing-list>Join the working group's discussion list.</a></p>
<p><strong>Web designers!</strong> We have a <a href=http://blog.whatwg.org/faq/>FAQ</a>, a <a href=http://forums.whatwg.org/>forum</a>, and a <a href=http://www.whatwg.org/mailing-list#help>help mailing list</a> for you!</p>
<!--<p class="impl"><strong>Implementors!</strong> We have a <a href="http://www.whatwg.org/mailing-list#implementors">mailing list</a> for you too!</p>-->
@@ -676,16 +676,17 @@
<li><a href=#common-input-element-attributes><span class=secno>4.10.7.2 </span>Common <code>input</code> element attributes</a>
<ol>
<li><a href=#the-autocomplete-attribute><span class=secno>4.10.7.2.1 </span>The <code title=attr-input-autocomplete>autocomplete</code> attribute</a></li>
- <li><a href=#the-list-attribute><span class=secno>4.10.7.2.2 </span>The <code title=attr-input-list>list</code> attribute</a></li>
- <li><a href=#the-readonly-attribute><span class=secno>4.10.7.2.3 </span>The <code title=attr-input-readonly>readonly</code> attribute</a></li>
- <li><a href=#the-size-attribute><span class=secno>4.10.7.2.4 </span>The <code title=attr-input-size>size</code> attribute</a></li>
- <li><a href=#the-required-attribute><span class=secno>4.10.7.2.5 </span>The <code title=attr-input-required>required</code> attribute</a></li>
- <li><a href=#the-multiple-attribute><span class=secno>4.10.7.2.6 </span>The <code title=attr-input-multiple>multiple</code> attribute</a></li>
- <li><a href=#the-maxlength-attribute><span class=secno>4.10.7.2.7 </span>The <code title=attr-input-maxlength>maxlength</code> attribute</a></li>
- <li><a href=#the-pattern-attribute><span class=secno>4.10.7.2.8 </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.2.9 </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.2.10 </span>The <code title=attr-input-step>step</code> attribute</a></li>
- <li><a href=#the-placeholder-attribute><span class=secno>4.10.7.2.11 </span>The <code title=attr-input-placeholder>placeholder</code> attribute</a></ol></li>
+ <li><a href=#the-dirname-attribute><span class=secno>4.10.7.2.2 </span>The <code title=attr-input-dirname>dirname</code> attribute</a></li>
+ <li><a href=#the-list-attribute><span class=secno>4.10.7.2.3 </span>The <code title=attr-input-list>list</code> attribute</a></li>
+ <li><a href=#the-readonly-attribute><span class=secno>4.10.7.2.4 </span>The <code title=attr-input-readonly>readonly</code> attribute</a></li>
+ <li><a href=#the-size-attribute><span class=secno>4.10.7.2.5 </span>The <code title=attr-input-size>size</code> attribute</a></li>
+ <li><a href=#the-required-attribute><span class=secno>4.10.7.2.6 </span>The <code title=attr-input-required>required</code> attribute</a></li>
+ <li><a href=#the-multiple-attribute><span class=secno>4.10.7.2.7 </span>The <code title=attr-input-multiple>multiple</code> attribute</a></li>
+ <li><a href=#the-maxlength-attribute><span class=secno>4.10.7.2.8 </span>The <code title=attr-input-maxlength>maxlength</code> attribute</a></li>
+ <li><a href=#the-pattern-attribute><span class=secno>4.10.7.2.9 </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.2.10 </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.2.11 </span>The <code title=attr-input-step>step</code> attribute</a></li>
+ <li><a href=#the-placeholder-attribute><span class=secno>4.10.7.2.12 </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.3 </span>Common <code>input</code> element APIs</a></li>
<li><a href=#common-event-behaviors><span class=secno>4.10.7.4 </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>
@@ -706,7 +707,8 @@
<li><a href="#a-form-control's-value"><span class=secno>4.10.19.3 </span>A form control's value</a></li>
<li><a href=#autofocusing-a-form-control><span class=secno>4.10.19.4 </span>Autofocusing a form control</a></li>
<li><a href=#limiting-user-input-length><span class=secno>4.10.19.5 </span>Limiting user input length</a></li>
- <li><a href=#form-submission-0><span class=secno>4.10.19.6 </span>Form submission</a></ol></li>
+ <li><a href=#form-submission-0><span class=secno>4.10.19.6 </span>Form submission</a></li>
+ <li><a href=#submitting-element-directionality><span class=secno>4.10.19.7 </span>Submitting element directionality</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>
@@ -38331,6 +38333,7 @@
<dd><code title=attr-input-autocomplete><a href=#attr-input-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-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>
@@ -38364,6 +38367,7 @@
attribute boolean <a href=#dom-fe-autofocus title=dom-fe-autofocus>autofocus</a>;
attribute boolean <a href=#dom-input-defaultchecked title=dom-input-defaultChecked>defaultChecked</a>;
attribute boolean <a href=#dom-input-checked title=dom-input-checked>checked</a>;
+ attribute DOMString <a href=#dom-input-dirname title=dom-input-dirName>dirName</a>;
attribute boolean <a href=#dom-fe-disabled title=dom-fe-disabled>disabled</a>;
readonly attribute <a href=#htmlformelement>HTMLFormElement</a> <a href=#dom-fae-form title=dom-fae-form>form</a>;
readonly attribute <span>FileList</span> <a href=#dom-input-files title=dom-input-files>files</a>;
@@ -38520,7 +38524,7 @@
<td> A button
</table><p>The <i>missing value default</i> is the <a href=#text-state-and-search-state 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-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-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-inpu
t-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>, <code title=dom-input-list><a href=#dom-input-list>list</a></code>, and <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code> IDL
+ <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-list><a href=#attr-input-list>list</a></code>, <code tit
le=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>che
cked</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>, <code title=dom-input-list><a href=#dom-input-list>list</a></code>, and <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</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> and
<code title=dom-textarea/input-selectionEnd><a href=#dom-textarea/input-selectionend>selectionEnd</a></code>
IDL attributes, the <code title=dom-textarea/input-setSelectionRange><a href=#dom-textarea/input-setselectionrange>setSelectionRange()</a></code>
@@ -38535,8 +38539,8 @@
<table class=applies id=input-type-attr-summary><thead><tr><th>
<th> <span title=""><a href=#hidden-state title=attr-input-type-hidden>Hidden</a></span>
<th> <span title=""><a href=#text-state-and-search-state title=attr-input-type-text>Text</a>,</span>
- <span title=""><a href=#text-state-and-search-state title=attr-input-type-search>Search</a>,</span>
- <span title=""><a href=#url-state title=attr-input-type-url>URL</a>,</span>
+ <span title=""><a href=#text-state-and-search-state title=attr-input-type-search>Search</a></span>
+ <th> <span title=""><a href=#url-state title=attr-input-type-url>URL</a>,</span>
<span title=""><a href=#telephone-state title=attr-input-type-tel>Telephone</a></span>
<th> <span title=""><a href=#e-mail-state title=attr-input-type-email>E-mail</a></span>
<th> <span title=""><a href=#password-state title=attr-input-type-password>Password</a></span>
@@ -38557,13 +38561,13 @@
<th> <span title=""><a href=#reset-button-state title=attr-input-type-reset>Reset Button</a>,</span>
<span title=""><a href=#button-state title=attr-input-type-button>Button</a></span>
- <tbody><tr><th colspan=14 scope=rowgroup>Content attributes
+ <tbody><tr><th colspan=15 scope=rowgroup>Content attributes
<tr><th> <code title=attr-input-accept><a href=#attr-input-accept>accept</a></code>
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -38587,7 +38591,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -38611,7 +38615,7 @@
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=yes> Yes <!-- Password -->
<td class=yes> Yes <!-- Date and Time -->
@@ -38635,7 +38639,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -38655,11 +38659,35 @@
<td class=no> · <!-- Reset Button -->
<!-- <td class="no"> · Button -->
+ <tr><th> <code title=attr-input-dirname><a href=#attr-input-dirname>dirname</a></code>
+ <td class=no> · <!-- Hidden -->
+ <td class=yes> Yes <!-- Text -->
+<!-- <td class="yes"> Yes Search -->
+ <td class=no> · <!-- URL, Telephone -->
+ <td class=no> · <!-- E-mail -->
+ <td class=no> · <!-- Password -->
+ <td class=no> · <!-- Date and Time -->
+<!-- <td class="no"> · Date -->
+<!-- <td class="no"> · Month -->
+<!-- <td class="no"> · Week -->
+<!-- <td class="no"> · Time -->
+ <td class=no> · <!-- Local Date and Time -->
+<!-- <td class="no"> · Number -->
+ <td class=no> · <!-- Range -->
+ <td class=no> · <!-- Color -->
+ <td class=no> · <!-- Checkbox -->
+<!-- <td class="no"> · Radio Button -->
+ <td class=no> · <!-- File Upload -->
+ <td class=no> · <!-- Submit Button -->
+ <td class=no> · <!-- Image Button -->
+ <td class=no> · <!-- Reset Button -->
+<!-- <td class="no"> · Button -->
+
<tr><th> <code title=attr-fs-formaction><a href=#attr-fs-formaction>formaction</a></code>
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -38683,7 +38711,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -38707,7 +38735,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -38731,7 +38759,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -38755,7 +38783,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -38779,7 +38807,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -38803,7 +38831,7 @@
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=yes> Yes <!-- Date and Time -->
@@ -38827,7 +38855,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=yes> Yes <!-- Date and Time -->
@@ -38851,7 +38879,7 @@
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=yes> Yes <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -38875,7 +38903,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=yes> Yes <!-- Date and Time -->
@@ -38899,7 +38927,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone --> <!-- if you change this, you can merge this line with the next to save room on the chart -->
<td class=yes> Yes <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -38923,7 +38951,7 @@
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=yes> Yes <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -38947,7 +38975,7 @@
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=yes> Yes <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -38971,7 +38999,7 @@
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=yes> Yes <!-- Password -->
<td class=yes> Yes <!-- Date and Time -->
@@ -38995,7 +39023,7 @@
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=yes> Yes <!-- Password -->
<td class=yes> Yes <!-- Date and Time -->
@@ -39019,7 +39047,7 @@
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=yes> Yes <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -39043,7 +39071,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -39067,7 +39095,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=yes> Yes <!-- Date and Time -->
@@ -39091,7 +39119,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -39111,13 +39139,13 @@
<td class=no> · <!-- Reset Button -->
<!-- <td class="no"> · Button -->
- <tbody><tr><th colspan=14 scope=rowgroup>IDL attributes and methods
+ <tbody><tr><th colspan=15 scope=rowgroup>IDL attributes and methods
<tr><th> <code title=dom-input-checked><a href=#dom-input-checked>checked</a></code>
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -39141,7 +39169,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -39165,7 +39193,7 @@
<td class=yes> <a href=#dom-input-value-default title=dom-input-value-default>default</a> <!-- Hidden -->
<td class=yes> <a href=#dom-input-value-value title=dom-input-value-value>value</a> <!-- Text -->
<!-- <td class="yes"> <span title="dom-input-value-value">value</span> Search -->
-<!-- <td class="yes"> <span title="dom-input-value-value">value</span> URL -->
+ <td class=yes> <a href=#dom-input-value-value title=dom-input-value-value>value</a> <!-- URL, Telephone -->
<td class=yes> <a href=#dom-input-value-value title=dom-input-value-value>value</a> <!-- E-mail -->
<td class=yes> <a href=#dom-input-value-value title=dom-input-value-value>value</a> <!-- Password -->
<td class=yes> <a href=#dom-input-value-value title=dom-input-value-value>value</a> <!-- Date and Time -->
@@ -39189,7 +39217,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=yes> Yes <!-- Date and Time -->
@@ -39213,7 +39241,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=yes> Yes <!-- Date and Time -->
@@ -39237,7 +39265,7 @@
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=yes> Yes <!-- Date and Time -->
@@ -39261,7 +39289,7 @@
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=yes> Yes <!-- Date and Time -->
@@ -39285,7 +39313,7 @@
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=yes> Yes <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -39309,7 +39337,7 @@
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=yes> Yes <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -39333,7 +39361,7 @@
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=yes> Yes <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -39357,7 +39385,7 @@
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=yes> Yes <!-- Password -->
<td class=no> · <!-- Date and Time -->
@@ -39381,7 +39409,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=yes> Yes <!-- Date and Time -->
@@ -39405,7 +39433,7 @@
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class=no> · <!-- URL, Telephone -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- Password -->
<td class=yes> Yes <!-- Date and Time -->
@@ -39425,13 +39453,13 @@
<td class=no> · <!-- Reset Button -->
<!-- <td class="no"> · Button -->
- <tbody><tr><th colspan=14 scope=rowgroup>Events
+ <tbody><tr><th colspan=15 scope=rowgroup>Events
<tr><th> <span title=""><code title=event-input-input><a href=#event-input-input>input</a></code> event</span>
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=yes> Yes <!-- Password -->
<td class=yes> Yes <!-- Date and Time -->
@@ -39455,7 +39483,7 @@
<td class=no> · <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class=yes> Yes <!-- URL, Telephone -->
<td class=yes> Yes <!-- E-mail -->
<td class=yes> Yes <!-- Password -->
<td class=yes> Yes <!-- Date and Time -->
@@ -39627,7 +39655,8 @@
<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-readonly title=dom-input-readOnly><code>readOnly</code></dfn> IDL attribute
+ 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-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
@@ -39699,6 +39728,7 @@
<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-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-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>,
@@ -39768,8 +39798,27 @@
by the user. User agents must not allow users to insert U+000A LINE
FEED (LF) or U+000D CARRIAGE RETURN (CR) characters into the
element's <a href=#concept-fe-value title=concept-fe-value>value</a>.</p>
- </div>
+ <!-- this next bit is also in the <textarea> section -->
+ <p>If the element is <i title=concept-input-mutable><a href=#concept-input-mutable>mutable</a></i>,
+ the user agent should allow the user to change the writing direction
+ of the element, setting it either to a left-to-right writing
+ direction or a right-to-left writing direction. If the user does so,
+ the user agent must then run the following steps:</p>
+
+ <ol><li><p>Set the element's <code title=attr-dir><a href=#the-dir-attribute>dir</a></code>
+ attribute to "<code title=attr-dir-ltr><a href=#attr-dir-ltr>ltr</a></code>" if the user
+ selected a left-to-right writing direction, and "<code title=attr-dir-rtl><a href=#attr-dir-rtl>rtl</a></code>" if the user selected a
+ right-to-left writing direction.</li>
+
+ <li><p><a href=#queue-a-task>Queue a task</a> to first <a href=#fire-a-simple-event>fire a simple
+ event</a> that bubbles named <code title=event-input>input</code> at the <code><a href=#the-input-element>input</a></code> element,
+ and to then <a href=#broadcast-forminput-events>broadcast <code title=event-forminput>forminput</code> events</a> from the
+ <code><a href=#the-input-element>input</a></code> element's <a href=#form-owner>form owner</a>, if
+ any.</li>
+
+ </ol></div>
+
<p>The <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute, if
specified, must have a value that contains no U+000A LINE FEED (LF)
or U+000D CARRIAGE RETURN (CR) characters.</p>
@@ -39786,6 +39835,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-input-dirname><a href=#attr-input-dirname>dirname</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>,
@@ -39909,6 +39959,7 @@
<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-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>,
@@ -40011,6 +40062,7 @@
<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-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>,
@@ -40179,6 +40231,7 @@
<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-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>,
@@ -40263,6 +40316,7 @@
<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-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>,
@@ -40420,6 +40474,7 @@
<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-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>,
@@ -40589,6 +40644,7 @@
<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-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>,
@@ -40736,6 +40792,7 @@
<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-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>,
@@ -40885,6 +40942,7 @@
<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-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>,
@@ -41031,6 +41089,7 @@
<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-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>,
@@ -41165,6 +41224,7 @@
<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-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>,
@@ -41325,6 +41385,7 @@
<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-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>,
@@ -41489,6 +41550,7 @@
<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-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>,
@@ -41644,6 +41706,7 @@
<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-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>,
@@ -41714,9 +41777,9 @@
back to the values they had before the <a href=#pre-click-activation-steps>pre-click activation
steps</a> were run. The <a href=#activation-behavior>activation behavior</a> is to
<a href=#fire-a-simple-event>fire a simple event</a> that bubbles named <code title=event-change>change</code> at the element<!-- It's not
- cancelable. Once this fires, the control is checked, end of
- story. -->, then <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> at the
- element's <a href=#form-owner>form owner</a>.</p>
+ cancelable. Once this fires, the control is checked, end of story.
+ -->, then <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> from the
+ element's <a href=#form-owner>form owner</a>, if any.</p>
<p><strong>Constraint validation</strong>: If the element is <i title=concept-input-required><a href=#concept-input-required>required</a></i> and its <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> is false, then the
element is <a href=#suffering-from-being-missing>suffering from being missing</a>.</p>
@@ -41751,6 +41814,7 @@
<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-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>,
@@ -41850,8 +41914,8 @@
false. The <a href=#activation-behavior>activation behavior</a> is to <a href=#fire-a-simple-event>fire a
simple event</a> that bubbles named <code title=event-change>change</code> at the element<!-- It's not
cancelable. Once this fires, the control is checked, end of
- story. -->, then <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> at the
- element's <a href=#form-owner>form owner</a>.</p>
+ story. -->, then <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> from the
+ element's <a href=#form-owner>form owner</a>, if any.</p>
<p><strong>Constraint validation</strong>: If the element is <i title=concept-input-required><a href=#concept-input-required>required</a></i> and all of the
<code><a href=#the-input-element>input</a></code> elements in the <i><a href=#radio-button-group>radio button group</a></i> have a
@@ -41886,6 +41950,7 @@
<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-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>,
@@ -42067,6 +42132,7 @@
<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-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-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>,
@@ -42163,6 +42229,7 @@
<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-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-dim-height><a href=#attr-dim-height>height</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>,
@@ -42376,6 +42443,7 @@
<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-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-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>,
@@ -42458,6 +42526,7 @@
<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-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-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>,
@@ -42536,6 +42605,7 @@
<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-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-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>,
@@ -42694,9 +42764,39 @@
</div>
+ <h6 id=the-dirname-attribute><span class=secno>4.10.7.2.2 </span>The <code title=attr-input-dirname><a href=#attr-input-dirname>dirname</a></code> attribute</h6>
- <h6 id=the-list-attribute><span class=secno>4.10.7.2.2 </span>The <code title=attr-input-list><a href=#attr-input-list>list</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>
+
+ <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>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-list-attribute><span class=secno>4.10.7.2.3 </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>
@@ -42816,7 +42916,7 @@
- <h6 id=the-readonly-attribute><span class=secno>4.10.7.2.3 </span>The <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute</h6>
+ <h6 id=the-readonly-attribute><span class=secno>4.10.7.2.4 </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
@@ -42865,7 +42965,7 @@
- <h6 id=the-size-attribute><span class=secno>4.10.7.2.4 </span>The <code title=attr-input-size><a href=#attr-input-size>size</a></code> attribute</h6>
+ <h6 id=the-size-attribute><span class=secno>4.10.7.2.5 </span>The <code title=attr-input-size><a href=#attr-input-size>size</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
@@ -42891,7 +42991,7 @@
- <h6 id=the-required-attribute><span class=secno>4.10.7.2.5 </span>The <code title=attr-input-required><a href=#attr-input-required>required</a></code> attribute</h6>
+ <h6 id=the-required-attribute><span class=secno>4.10.7.2.6 </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
@@ -42933,7 +43033,7 @@
</div>
- <h6 id=the-multiple-attribute><span class=secno>4.10.7.2.6 </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.2.7 </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
@@ -42986,7 +43086,7 @@
</div>
- <h6 id=the-maxlength-attribute><span class=secno>4.10.7.2.7 </span>The <code title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code> attribute</h6>
+ <h6 id=the-maxlength-attribute><span class=secno>4.10.7.2.8 </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>
@@ -43012,7 +43112,7 @@
- <h6 id=the-pattern-attribute><span class=secno>4.10.7.2.8 </span>The <code title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code> attribute</h6>
+ <h6 id=the-pattern-attribute><span class=secno>4.10.7.2.9 </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
@@ -43077,7 +43177,7 @@
- <h6 id=the-min-and-max-attributes><span class=secno>4.10.7.2.9 </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.2.10 </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>
@@ -43155,7 +43255,7 @@
</div>
- <h6 id=the-step-attribute><span class=secno>4.10.7.2.10 </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.2.11 </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)
@@ -43242,7 +43342,7 @@
- <h6 id=the-placeholder-attribute><span class=secno>4.10.7.2.11 </span>The <code title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code> attribute</h6>
+ <h6 id=the-placeholder-attribute><span class=secno>4.10.7.2.12 </span>The <code title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code> attribute</h6>
<!-- similar text in the <textarea> section -->
@@ -43561,15 +43661,16 @@
<p>When the <dfn id=event-input-input title=event-input-input><code>input</code></dfn>
event applies, any time the user causes the element's <a href=#concept-fe-value title=concept-fe-value>value</a> to change, the user agent must
- <a href=#queue-a-task>queue a task</a> to <a href=#fire-a-simple-event>fire a simple event</a> that
- bubbles named <code title=event-input>input</code> at the
- <code><a href=#the-input-element>input</a></code> element, then <a href=#broadcast-forminput-events>broadcast <code title=event-forminput>forminput</code> events</a> at the
- <code><a href=#the-input-element>input</a></code> element's <a href=#form-owner>form owner</a>. User agents
- may wait for a suitable break in the user's interaction before
- queuing the task; for example, a user agent could wait for the user
- to have not hit a key for 100ms, so as to only fire the event when
- the user pauses, instead of continuously for each keystroke.</p>
- <!-- same text is present in the <textarea> section -->
+ <a href=#queue-a-task>queue a task</a> to first <a href=#fire-a-simple-event>fire a simple event</a>
+ that bubbles named <code title=event-input>input</code> at the
+ <code><a href=#the-input-element>input</a></code> element, and then to <a href=#broadcast-forminput-events>broadcast <code title=event-forminput>forminput</code> events</a> from the
+ <code><a href=#the-input-element>input</a></code> element's <a href=#form-owner>form owner</a>, if any. User
+ agents may wait for a suitable break in the user's interaction
+ before queuing the task; for example, a user agent could wait for
+ the user to have not hit a key for 100ms, so as to only fire the
+ event when the user pauses, instead of continuously for each
+ keystroke.</p> <!-- same text is present in the <textarea> section
+ -->
<p class=example>Examples of a user changing the element's <a href=#concept-fe-value title=concept-fe-value>value</a> would include the user typing
into a text field, pasting a new value into the field, or undoing an
@@ -43583,10 +43684,10 @@
defined but uses a user interface that involves an explicit commit
action, then any time the user commits a change to the element's
<a href=#concept-fe-value title=concept-fe-value>value</a> or list of <a href=#concept-input-type-file-selected title=concept-input-type-file-selected>selected files</a>, the
- user agent must <a href=#queue-a-task>queue a task</a> to <a href=#fire-a-simple-event>fire a simple
- event</a> that bubbles named <code title=event-change>change</code> at the <code><a href=#the-input-element>input</a></code>
- element, then <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> at the
- <code><a href=#the-input-element>input</a></code> element's <a href=#form-owner>form owner</a>.</p>
+ user agent must <a href=#queue-a-task>queue a task</a> to first <a href=#fire-a-simple-event>fire a
+ simple event</a> that bubbles named <code title=event-change>change</code> at the <code><a href=#the-input-element>input</a></code>
+ element, and then to <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> from the
+ <code><a href=#the-input-element>input</a></code> element's <a href=#form-owner>form owner</a>, if any.</p>
<p class=example>An example of a user interface with a commit
action would be a <a href=#file-upload-state title=attr-input-type-file>File
@@ -43612,8 +43713,8 @@
element.</li>
<li>If the <code title=event-input-input><a href=#event-input-input>input</a></code> event
- applies, <a href=#broadcast-forminput-events>broadcast <code title=event-forminput>forminput</code> events</a> at the
- <code><a href=#the-input-element>input</a></code> element's <a href=#form-owner>form owner</a>.</li>
+ applies, <a href=#queue-a-task>queue a task</a> to <a href=#broadcast-forminput-events>broadcast <code title=event-forminput>forminput</code> events</a> from the
+ <code><a href=#the-input-element>input</a></code> element's <a href=#form-owner>form owner</a>, if any.</li>
<li>If the <code title=event-input-change><a href=#event-input-change>change</a></code> event
applies, <a href=#queue-a-task>queue a task</a> to <a href=#fire-a-simple-event>fire a simple
@@ -43621,8 +43722,8 @@
element.</li>
<li>If the <code title=event-input-change><a href=#event-input-change>change</a></code> event
- applies, <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> at the
- <code><a href=#the-input-element>input</a></code> element's <a href=#form-owner>form owner</a>.</li>
+ applies, <a href=#queue-a-task>queue a task</a> to <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> from the
+ <code><a href=#the-input-element>input</a></code> element's <a href=#form-owner>form owner</a>, if any.</li>
</ol><p class=note>In addition, when the <code title=event-input-change><a href=#event-input-change>change</a></code> event applies, <code title=event-change>change</code> events can also be fired as part
of the element's <a href=#activation-behavior>activation behavior</a> and as part of the
@@ -43944,8 +44045,8 @@
attribute is absent, and the element is not <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a>, then the user agent
should allow the user to pick an <code><a href=#the-option-element>option</a></code> element in its
<a href=#concept-select-option-list title=concept-select-option-list>list of options</a> that
- is itself not <a href=#concept-option-disabled title=concept-option-disabled>disabled</a>. Upon this
- <code><a href=#the-option-element>option</a></code> element being <dfn id=concept-select-pick title=concept-select-pick>picked</dfn> (either through a click, or
+ is itself not <a href=#concept-option-disabled title=concept-option-disabled>disabled</a>.
+ Upon this <code><a href=#the-option-element>option</a></code> element being <dfn id=concept-select-pick title=concept-select-pick>picked</dfn> (either through a click, or
through unfocusing the element after changing its value, or through
a <a href=#using-the-option-element-to-define-a-command title=option-command>menu command</a>, or through any
other mechanism), and before the relevant user interaction event
@@ -43953,10 +44054,10 @@
<code title=event-click><a href=#event-click>click</a></code> event), the user agent must
set the <a href=#concept-option-selectedness title=concept-option-selectedness>selectedness</a> of the
picked <code><a href=#the-option-element>option</a></code> element to true and then <a href=#queue-a-task>queue a
- task</a> to <a href=#fire-a-simple-event>fire a simple event</a> that bubbles named
- <code title=event-change>change</code> at the <code><a href=#the-select-element>select</a></code>
- element, using the <a href=#user-interaction-task-source>user interaction task source</a> as the
- task source, then <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> at the
+ task</a> to first <a href=#fire-a-simple-event>fire a simple event</a> that bubbles
+ named <code title=event-change>change</code> at the
+ <code><a href=#the-select-element>select</a></code> element, using the <a href=#user-interaction-task-source>user interaction task
+ source</a> as the task source, and then to <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> from the
element's <a href=#form-owner>form owner</a>.</p>
<p>If the <code title=attr-select-multiple><a href=#attr-select-multiple>multiple</a></code>
@@ -43978,10 +44079,10 @@
interaction event spec point --> is queued (e.g. before the <code title=event-click><a href=#event-click>click</a></code> event), the user agent must set the
<a href=#concept-option-selectedness title=concept-option-selectedness>selectedness</a> of
that <code><a href=#the-option-element>option</a></code> element to false and then <a href=#queue-a-task>queue a
- task</a> to <a href=#fire-a-simple-event>fire a simple event</a> that bubbles named
- <code title=event-change>change</code> at the <code><a href=#the-select-element>select</a></code>
- element, using the <a href=#user-interaction-task-source>user interaction task source</a> as the
- task source, then <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> at the
+ task</a> to first <a href=#fire-a-simple-event>fire a simple event</a> that bubbles
+ named <code title=event-change>change</code> at the
+ <code><a href=#the-select-element>select</a></code> element, using the <a href=#user-interaction-task-source>user interaction task
+ source</a> as the task source, and then to <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> from the
element's <a href=#form-owner>form owner</a>.</p>
<p>If the <code title=attr-select-multiple><a href=#attr-select-multiple>multiple</a></code>
@@ -43999,15 +44100,15 @@
should allow the user to <dfn id=concept-select-toggle title=concept-select-toggle>toggle</dfn> the <a href=#concept-option-selectedness title=concept-option-selectedness>selectedness</a> of the
<code><a href=#the-option-element>option</a></code> elements in its <a href=#concept-select-option-list title=concept-select-option-list>list of options</a> that are
themselves not <a href=#concept-option-disabled title=concept-option-disabled>disabled</a>
- (either through a click, or through a <a href=#using-the-option-element-to-define-a-command title=option-command>menu command</a>, or any other
- mechanism). Upon the <a href=#concept-option-selectedness title=concept-option-selectedness>selectedness</a> of one or
+ (either through a click, or through a <a href=#using-the-option-element-to-define-a-command title=option-command>menu command</a>, or any other mechanism).
+ Upon the <a href=#concept-option-selectedness title=concept-option-selectedness>selectedness</a> of one or
more <code><a href=#the-option-element>option</a></code> elements being changed by the user, and
before the relevant user interaction event <!-- interaction event
spec point --> is queued (e.g. before a related <code title=event-click><a href=#event-click>click</a></code> event), the user agent must
- <a href=#queue-a-task>queue a task</a> to <a href=#fire-a-simple-event>fire a simple event</a> that
- bubbles named <code title=event-change>change</code> at the
+ <a href=#queue-a-task>queue a task</a> to first <a href=#fire-a-simple-event>fire a simple event</a>
+ that bubbles named <code title=event-change>change</code> at the
<code><a href=#the-select-element>select</a></code> element, using the <a href=#user-interaction-task-source>user interaction task
- source</a> as the task source, then <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> at the
+ source</a> as the task source, and then to <a href=#broadcast-formchange-events>broadcast <code title=event-formchange>formchange</code> events</a> from the
element's <a href=#form-owner>form owner</a>.</p>
<p>The <a href=#concept-form-reset-control title=concept-form-reset-control>reset
@@ -44633,6 +44734,7 @@
<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-fe-disabled><a href=#attr-fe-disabled>disabled</a></code></dd>
+ <dd><code title=attr-textarea-dirname><a href=#attr-textarea-dirname>dirname</a></code></dd>
<dd><code title=attr-fae-form><a href=#attr-fae-form>form</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>
@@ -44647,6 +44749,7 @@
attribute boolean <a href=#dom-fe-autofocus title=dom-fe-autofocus>autofocus</a>;
attribute unsigned long <a href=#dom-textarea-cols title=dom-textarea-cols>cols</a>;
attribute boolean <a href=#dom-fe-disabled title=dom-fe-disabled>disabled</a>;
+ attribute DOMString <a href=#dom-textarea-dirname title=dom-textarea-dirName>dirName</a>;
readonly attribute <a href=#htmlformelement>HTMLFormElement</a> <a href=#dom-fae-form title=dom-fae-form>form</a>;
attribute long <a href=#dom-textarea-maxlength title=dom-textarea-maxLength>maxLength</a>;
attribute DOMString <a href=#dom-fe-name title=dom-fe-name>name</a>;
@@ -44705,9 +44808,9 @@
<p>When a <code><a href=#the-textarea-element>textarea</a></code> is <a href=#concept-textarea-mutable title=concept-textarea-mutable>mutable</a>, its <a href=#concept-textarea-raw-value title=concept-textarea-raw-value>raw value</a> should be
editable by the user. Any time the user causes the element's <a href=#concept-textarea-raw-value title=concept-textarea-raw-value>raw value</a> to change, the
- user agent must <a href=#queue-a-task>queue a task</a> to <a href=#fire-a-simple-event>fire a simple
- event</a> that bubbles named <code title=event-input>input</code> at the <code><a href=#the-textarea-element>textarea</a></code>
- element, then <a href=#broadcast-forminput-events>broadcast <code title=event-forminput>forminput</code> events</a> at the
+ user agent must <a href=#queue-a-task>queue a task</a> to first <a href=#fire-a-simple-event>fire a
+ simple event</a> that bubbles named <code title=event-input>input</code> at the <code><a href=#the-textarea-element>textarea</a></code>
+ element, and then to <a href=#broadcast-forminput-events>broadcast <code title=event-forminput>forminput</code> events</a> from the
<code><a href=#the-textarea-element>textarea</a></code> element's <a href=#form-owner>form owner</a>. User agents
may wait for a suitable break in the user's interaction before
queuing the task; for example, a user agent could wait for the user
@@ -44731,8 +44834,26 @@
the value of the element's <code><a href=#textcontent>textContent</a></code> IDL
attribute.</p>
- </div>
+ <!-- this next bit is also in the <input> Text/Search section -->
+ <p>If the element is <a href=#concept-textarea-mutable title=concept-textarea-mutable>mutable</a>, the user agent
+ should allow the user to change the writing direction of the
+ element, setting it either to a left-to-right writing direction or a
+ right-to-left writing direction. If the user does so, the user agent
+ must then run the following steps:</p>
+ <ol><li><p>Set the element's <code title=attr-dir><a href=#the-dir-attribute>dir</a></code>
+ attribute to "<code title=attr-dir-ltr><a href=#attr-dir-ltr>ltr</a></code>" if the user
+ selected a left-to-right writing direction, and "<code title=attr-dir-rtl><a href=#attr-dir-rtl>rtl</a></code>" if the user selected a
+ right-to-left writing direction.</li>
+
+ <li><p><a href=#queue-a-task>Queue a task</a> to first <a href=#fire-a-simple-event>fire a simple
+ event</a> that bubbles named <code title=event-input>input</code> at the <code><a href=#the-textarea-element>textarea</a></code>
+ element, and to then <a href=#broadcast-forminput-events>broadcast <code title=event-forminput>forminput</code> events</a> from the
+ <code><a href=#the-textarea-element>textarea</a></code> element's <a href=#form-owner>form owner</a>, if
+ any.</li>
+
+ </ol></div>
+
<p>The <dfn id=attr-textarea-cols title=attr-textarea-cols><code>cols</code></dfn>
attribute specifies the expected maximum number of characters per
line. If the <code title=attr-textarea-cols><a href=#attr-textarea-cols>cols</a></code> attribute
@@ -44869,6 +44990,9 @@
</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-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
@@ -44904,7 +45028,9 @@
name. The <code title=dom-textarea-cols><a href=#dom-textarea-cols>cols</a></code> and <code title=dom-textarea-rows><a href=#dom-textarea-rows>rows</a></code> attributes are <a href=#limited-to-only-non-negative-numbers-greater-than-zero>limited
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-maxlength title=dom-textarea-maxLength><code>maxLength</code></dfn> IDL
+ 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
+ <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
attribute must <a href=#reflect>reflect</a> the <code title=attr-textarea-readonly><a href=#attr-textarea-readonly>readonly</a></code> content
@@ -44946,6 +45072,23 @@
<pre><p>If you have any comments, please let us know: <textarea cols=80 name=comments></textarea></p></pre>
+ <p>To specify that a maximum length for the comments, one can use
+ the <code title=attr-textarea-maxlength><a href=#attr-textarea-maxlength>maxlength</a></code>
+ attribute:</p>
+
+ <pre><p>If you have any short comments, please let us know: <textarea cols=80 name=comments maxlength=200></textarea></p></pre>
+
+ <p>To give a default value, text can be included inside the element:</p>
+
+ <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
+ specified:</p>
+
+ <pre><p>If you have any comments, please let us know (you may use either English or Hebrew for your comments):
+<textarea cols=80 name=comments dirname=comments.dir></textarea></p></pre>
+
</div>
@@ -46405,7 +46548,16 @@
</div>
+ <h5 id=submitting-element-directionality><span class=secno>4.10.19.7 </span>Submitting element directionality</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>
+
+
<h4 id=textFieldSelection><span class=secno>4.10.20 </span>APIs for the text field selections</h4>
<!-- v2 idea: DOM Range APIs to expose the textarea/input edited
@@ -47147,11 +47299,11 @@
user, and let <var title="">y</var> be the <var title="">y</var>-component of the coordinate selected by the
user.</li>
- <li><p>Append an entry in the <var title="">form data set</var>
+ <li><p>Append an entry to the <var title="">form data set</var>
with the name <var title="">name<sub title="">x</sub></var>,
the value <var title="">x</var>, and the type <var title="">type</var>.</li>
- <li><p>Append an entry in the <var title="">form data set</var>
+ <li><p>Append an entry to the <var title="">form data set</var>
with the name <var title="">name<sub title="">y</sub></var> and
the value <var title="">y</var>, and the type <var title="">type</var>.</li>
@@ -47168,7 +47320,7 @@
<li><p>If the <var title="">field</var> element is a
<code><a href=#the-select-element>select</a></code> element, then for each <code><a href=#the-option-element>option</a></code>
element in the <code><a href=#the-select-element>select</a></code> element whose <a href=#concept-option-selectedness title=concept-option-selectedness>selectedness</a> is true,
- append an entry in the <var title="">form data set</var> with the
+ append an entry to the <var title="">form data set</var> with the
<var title="">name</var> as the name, the <a href=#concept-option-value title=concept-option-value>value</a> of the
<code><a href=#the-option-element>option</a></code> element as the value, and <var title="">type</var> as the type.</li>
@@ -47184,7 +47336,7 @@
otherwise, let <var title="">value</var> be the string
"<code title="">on</code>".</li>
- <li><p>Append an entry in the <var title="">form data set</var>
+ <li><p>Append an entry to the <var title="">form data set</var>
with <var title="">name</var> as the name, <var title="">value</var> as the value, and <var title="">type</var>
as the type.</li>
@@ -47193,11 +47345,11 @@
<li><p>Otherwise, if the <var title="">field</var> element is 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 the <a href=#file-upload-state title=attr-input-type-file>File Upload</a> state, then for
each file <a href=#concept-input-type-file-selected title=concept-input-type-file-selected>selected</a> in the
- <code><a href=#the-input-element>input</a></code> element, append an entry in the <var title="">form data set</var> with the <var title="">name</var> as
+ <code><a href=#the-input-element>input</a></code> element, append an entry to the <var title="">form data set</var> with the <var title="">name</var> as
the name, the file (consisting of the name, the type, and the
body) as the value, and <var title="">type</var> as the type. If
there are no <a href=#concept-input-type-file-selected title=concept-input-type-file-selected>selected files</a>,
- then append an entry in the <var title="">form data set</var>
+ then append an entry to the <var title="">form data set</var>
with the <var title="">name</var> as the name, the empty string
as the value, and <code>application/octet-stream</code> as the
type.</li>
@@ -47207,13 +47359,38 @@
<code><a href=#the-object-element>object</a></code> element: try to obtain a form submission
value from the <a href=#plugin>plugin</a><!-- using NPAPI's
NPP_GetValue() entry point with the NPPVformValue variable -->,
- and if that is successful, append an entry in the <var title="">form data set</var> with <var title="">name</var> as the
+ and if that is successful, append an entry to the <var title="">form data set</var> with <var title="">name</var> as the
name, the returned form submission value as the value, and the
string "<code title="">object</code>" as the type.</li>
- <li><p>Otherwise, append an entry in the <var title="">form data
+ <li><p>Otherwise, append an entry to the <var title="">form data
set</var> with <var title="">name</var> as the name, the <a href=#concept-fe-value title=concept-fe-value>value</a> of the <var title="">field</var> element as the value, and <var title="">type</var> as the type.</li>
+ <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>
+
+ <ol><li><p>Let <var title="">dirname</var> be the value of the
+ element's <code title="">dirname</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
+ directionality</a> of the element is '<a href=#concept-rtl title=concept-rtl>rtl</a>').</li>
+
+ <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
+ <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-state-and-search-state title=attr-input-type-text>Text</a> state
+ or the <a href=#text-state-and-search-state title=attr-input-type-search>Search</a>
+ state.</p>
+
+ </li>
+
</ol></li>
<li><p>Let <var title="">action</var> be the <var title="">submitter</var> element's <a href=#concept-fs-action title=concept-fs-action>action</a>.</li>
@@ -85267,6 +85444,7 @@
<code title=attr-input-autocomplete><a href=#attr-input-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-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>;
@@ -86349,6 +86527,11 @@
<td> <a href=#the-dir-attribute title=attr-dir>HTML elements</a>
<td> <a href=#the-directionality title="the directionality">The text directionality</a> of the element
<td> "<code title="">ltr</code>"; "<code title="">rtl</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> 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>
<td> <code title=attr-fe-disabled><a href=#attr-fe-disabled>button</a></code>;
<code title=attr-command-disabled><a href=#attr-command-disabled>command</a></code>;
Modified: source
===================================================================
--- source 2010-11-09 02:25:15 UTC (rev 5675)
+++ source 2010-11-11 00:44:32 UTC (rev 5676)
@@ -42712,6 +42712,7 @@
<dd><code title="attr-input-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-disabled">disabled</code></dd>
<dd><code title="attr-fae-form">form</code></dd>
<dd><code title="attr-fs-formaction">formaction</code></dd>
@@ -42745,6 +42746,7 @@
attribute boolean <span title="dom-fe-autofocus">autofocus</span>;
attribute boolean <span title="dom-input-defaultChecked">defaultChecked</span>;
attribute boolean <span title="dom-input-checked">checked</span>;
+ attribute DOMString <span title="dom-input-dirName">dirName</span>;
attribute boolean <span title="dom-fe-disabled">disabled</span>;
readonly attribute <span>HTMLFormElement</span> <span title="dom-fae-form">form</span>;
readonly attribute <span>FileList</span> <span title="dom-input-files">files</span>;
@@ -42937,6 +42939,7 @@
title="attr-input-alt">alt</code>, <code
title="attr-input-autocomplete">autocomplete</code>, <code
title="attr-input-checked">checked</code>, <code
+ title="attr-input-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
@@ -42984,8 +42987,8 @@
<th>
<th> <span title=""><span title="attr-input-type-hidden">Hidden</span></span>
<th> <span title=""><span title="attr-input-type-text">Text</span>,</span>
- <span title=""><span title="attr-input-type-search">Search</span>,</span>
- <span title=""><span title="attr-input-type-url">URL</span>,</span>
+ <span title=""><span title="attr-input-type-search">Search</span></span>
+ <th> <span title=""><span title="attr-input-type-url">URL</span>,</span>
<span title=""><span title="attr-input-type-tel">Telephone</span></span>
<th> <span title=""><span title="attr-input-type-email">E-mail</span></span>
<th> <span title=""><span title="attr-input-type-password">Password</span></span>
@@ -43008,14 +43011,14 @@
<tbody>
<tr>
- <th scope="rowgroup" colspan="14">Content attributes
+ <th scope="rowgroup" colspan="15">Content attributes
<tr>
<th> <code title="attr-input-accept">accept</code>
<td class="no"> · <!-- Hidden -->
<td class="no"> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class="no"> · <!-- URL, Telephone -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- Password -->
<td class="no"> · <!-- Date and Time -->
@@ -43040,7 +43043,7 @@
<td class="no"> · <!-- Hidden -->
<td class="no"> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class="no"> · <!-- URL, Telephone -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- Password -->
<td class="no"> · <!-- Date and Time -->
@@ -43065,7 +43068,7 @@
<td class="no"> · <!-- Hidden -->
<td class="yes"> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class="yes"> Yes <!-- URL, Telephone -->
<td class="yes"> Yes <!-- E-mail -->
<td class="yes"> Yes <!-- Password -->
<td class="yes"> Yes <!-- Date and Time -->
@@ -43090,7 +43093,7 @@
<td class="no"> · <!-- Hidden -->
<td class="no"> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class="no"> · <!-- URL, Telephone -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- Password -->
<td class="no"> · <!-- Date and Time -->
@@ -43111,11 +43114,36 @@
<!-- <td class="no"> · Button -->
<tr>
+ <th> <code title="attr-input-dirname">dirname</code>
+ <td class="no"> · <!-- Hidden -->
+ <td class="yes"> Yes <!-- Text -->
+<!-- <td class="yes"> Yes Search -->
+ <td class="no"> · <!-- URL, Telephone -->
+ <td class="no"> · <!-- E-mail -->
+ <td class="no"> · <!-- Password -->
+ <td class="no"> · <!-- Date and Time -->
+<!-- <td class="no"> · Date -->
+<!-- <td class="no"> · Month -->
+<!-- <td class="no"> · Week -->
+<!-- <td class="no"> · Time -->
+ <td class="no"> · <!-- Local Date and Time -->
+<!-- <td class="no"> · Number -->
+ <td class="no"> · <!-- Range -->
+ <td class="no"> · <!-- Color -->
+ <td class="no"> · <!-- Checkbox -->
+<!-- <td class="no"> · Radio Button -->
+ <td class="no"> · <!-- File Upload -->
+ <td class="no"> · <!-- Submit Button -->
+ <td class="no"> · <!-- Image Button -->
+ <td class="no"> · <!-- Reset Button -->
+<!-- <td class="no"> · Button -->
+
+ <tr>
<th> <code title="attr-fs-formaction">formaction</code>
<td class="no"> · <!-- Hidden -->
<td class="no"> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class="no"> · <!-- URL, Telephone -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- Password -->
<td class="no"> · <!-- Date and Time -->
@@ -43140,7 +43168,7 @@
<td class="no"> · <!-- Hidden -->
<td class="no"> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class="no"> · <!-- URL, Telephone -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- Password -->
<td class="no"> · <!-- Date and Time -->
@@ -43165,7 +43193,7 @@
<td class="no"> · <!-- Hidden -->
<td class="no"> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class="no"> · <!-- URL, Telephone -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- Password -->
<td class="no"> · <!-- Date and Time -->
@@ -43190,7 +43218,7 @@
<td class="no"> · <!-- Hidden -->
<td class="no"> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class="no"> · <!-- URL, Telephone -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- Password -->
<td class="no"> · <!-- Date and Time -->
@@ -43215,7 +43243,7 @@
<td class="no"> · <!-- Hidden -->
<td class="no"> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class="no"> · <!-- URL, Telephone -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- Password -->
<td class="no"> · <!-- Date and Time -->
@@ -43240,7 +43268,7 @@
<td class="no"> · <!-- Hidden -->
<td class="no"> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class="no"> · <!-- URL, Telephone -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- Password -->
<td class="no"> · <!-- Date and Time -->
@@ -43265,7 +43293,7 @@
<td class="no"> · <!-- Hidden -->
<td class="yes"> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class="yes"> Yes <!-- URL, Telephone -->
<td class="yes"> Yes <!-- E-mail -->
<td class="no"> · <!-- Password -->
<td class="yes"> Yes <!-- Date and Time -->
@@ -43290,7 +43318,7 @@
<td class="no"> · <!-- Hidden -->
<td class="no"> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class="no"> · <!-- URL, Telephone -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- Password -->
<td class="yes"> Yes <!-- Date and Time -->
@@ -43315,7 +43343,7 @@
<td class="no"> · <!-- Hidden -->
<td class="yes"> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class="yes"> Yes <!-- URL, Telephone -->
<td class="yes"> Yes <!-- E-mail -->
<td class="yes"> Yes <!-- Password -->
<td class="no"> · <!-- Date and Time -->
@@ -43340,7 +43368,7 @@
<td class="no"> · <!-- Hidden -->
<td class="no"> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class="no"> · <!-- URL, Telephone -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- Password -->
<td class="yes"> Yes <!-- Date and Time -->
@@ -43365,7 +43393,7 @@
<td class="no"> · <!-- Hidden -->
<td class="no"> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class="no"> · <!-- URL, Telephone --> <!-- if you change this, you can merge this line with the next to save room on the chart -->
<td class="yes"> Yes <!-- E-mail -->
<td class="no"> · <!-- Password -->
<td class="no"> · <!-- Date and Time -->
@@ -43390,7 +43418,7 @@
<td class="no"> · <!-- Hidden -->
<td class="yes"> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class="yes"> Yes <!-- URL, Telephone -->
<td class="yes"> Yes <!-- E-mail -->
<td class="yes"> Yes <!-- Password -->
<td class="no"> · <!-- Date and Time -->
@@ -43415,7 +43443,7 @@
<td class="no"> · <!-- Hidden -->
<td class="yes"> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class="yes"> Yes <!-- URL, Telephone -->
<td class="yes"> Yes <!-- E-mail -->
<td class="yes"> Yes <!-- Password -->
<td class="no"> · <!-- Date and Time -->
@@ -43440,7 +43468,7 @@
<td class="no"> · <!-- Hidden -->
<td class="yes"> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class="yes"> Yes <!-- URL, Telephone -->
<td class="yes"> Yes <!-- E-mail -->
<td class="yes"> Yes <!-- Password -->
<td class="yes"> Yes <!-- Date and Time -->
@@ -43465,7 +43493,7 @@
<td class="no"> · <!-- Hidden -->
<td class="yes"> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class="yes"> Yes <!-- URL, Telephone -->
<td class="yes"> Yes <!-- E-mail -->
<td class="yes"> Yes <!-- Password -->
<td class="yes"> Yes <!-- Date and Time -->
@@ -43490,7 +43518,7 @@
<td class="no"> · <!-- Hidden -->
<td class="yes"> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class="yes"> Yes <!-- URL, Telephone -->
<td class="yes"> Yes <!-- E-mail -->
<td class="yes"> Yes <!-- Password -->
<td class="no"> · <!-- Date and Time -->
@@ -43515,7 +43543,7 @@
<td class="no"> · <!-- Hidden -->
<td class="no"> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class="no"> · <!-- URL, Telephone -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- Password -->
<td class="no"> · <!-- Date and Time -->
@@ -43540,7 +43568,7 @@
<td class="no"> · <!-- Hidden -->
<td class="no"> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class="no"> · <!-- URL, Telephone -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- Password -->
<td class="yes"> Yes <!-- Date and Time -->
@@ -43565,7 +43593,7 @@
<td class="no"> · <!-- Hidden -->
<td class="no"> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class="no"> · <!-- URL, Telephone -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- Password -->
<td class="no"> · <!-- Date and Time -->
@@ -43587,14 +43615,14 @@
<tbody>
<tr>
- <th scope="rowgroup" colspan="14">IDL attributes and methods
+ <th scope="rowgroup" colspan="15">IDL attributes and methods
<tr>
<th> <code title="dom-input-checked">checked</code>
<td class="no"> · <!-- Hidden -->
<td class="no"> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class="no"> · <!-- URL, Telephone -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- Password -->
<td class="no"> · <!-- Date and Time -->
@@ -43619,7 +43647,7 @@
<td class="no"> · <!-- Hidden -->
<td class="no"> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class="no"> · <!-- URL, Telephone -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- Password -->
<td class="no"> · <!-- Date and Time -->
@@ -43644,7 +43672,7 @@
<td class="yes"> <span title="dom-input-value-default">default</span> <!-- Hidden -->
<td class="yes"> <span title="dom-input-value-value">value</span> <!-- Text -->
<!-- <td class="yes"> <span title="dom-input-value-value">value</span> Search -->
-<!-- <td class="yes"> <span title="dom-input-value-value">value</span> URL -->
+ <td class="yes"> <span title="dom-input-value-value">value</span> <!-- URL, Telephone -->
<td class="yes"> <span title="dom-input-value-value">value</span> <!-- E-mail -->
<td class="yes"> <span title="dom-input-value-value">value</span> <!-- Password -->
<td class="yes"> <span title="dom-input-value-value">value</span> <!-- Date and Time -->
@@ -43669,7 +43697,7 @@
<td class="no"> · <!-- Hidden -->
<td class="no"> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class="no"> · <!-- URL, Telephone -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- Password -->
<td class="yes"> Yes <!-- Date and Time -->
@@ -43694,7 +43722,7 @@
<td class="no"> · <!-- Hidden -->
<td class="no"> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class="no"> · <!-- URL, Telephone -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- Password -->
<td class="yes"> Yes <!-- Date and Time -->
@@ -43719,7 +43747,7 @@
<td class="no"> · <!-- Hidden -->
<td class="yes"> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class="yes"> Yes <!-- URL, Telephone -->
<td class="yes"> Yes <!-- E-mail -->
<td class="no"> · <!-- Password -->
<td class="yes"> Yes <!-- Date and Time -->
@@ -43744,7 +43772,7 @@
<td class="no"> · <!-- Hidden -->
<td class="yes"> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class="yes"> Yes <!-- URL, Telephone -->
<td class="yes"> Yes <!-- E-mail -->
<td class="no"> · <!-- Password -->
<td class="yes"> Yes <!-- Date and Time -->
@@ -43769,7 +43797,7 @@
<td class="no"> · <!-- Hidden -->
<td class="yes"> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class="yes"> Yes <!-- URL, Telephone -->
<td class="yes"> Yes <!-- E-mail -->
<td class="yes"> Yes <!-- Password -->
<td class="no"> · <!-- Date and Time -->
@@ -43794,7 +43822,7 @@
<td class="no"> · <!-- Hidden -->
<td class="yes"> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class="yes"> Yes <!-- URL, Telephone -->
<td class="yes"> Yes <!-- E-mail -->
<td class="yes"> Yes <!-- Password -->
<td class="no"> · <!-- Date and Time -->
@@ -43819,7 +43847,7 @@
<td class="no"> · <!-- Hidden -->
<td class="yes"> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class="yes"> Yes <!-- URL, Telephone -->
<td class="yes"> Yes <!-- E-mail -->
<td class="yes"> Yes <!-- Password -->
<td class="no"> · <!-- Date and Time -->
@@ -43844,7 +43872,7 @@
<td class="no"> · <!-- Hidden -->
<td class="yes"> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class="yes"> Yes <!-- URL, Telephone -->
<td class="yes"> Yes <!-- E-mail -->
<td class="yes"> Yes <!-- Password -->
<td class="no"> · <!-- Date and Time -->
@@ -43869,7 +43897,7 @@
<td class="no"> · <!-- Hidden -->
<td class="no"> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class="no"> · <!-- URL, Telephone -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- Password -->
<td class="yes"> Yes <!-- Date and Time -->
@@ -43894,7 +43922,7 @@
<td class="no"> · <!-- Hidden -->
<td class="no"> · <!-- Text -->
<!-- <td class="no"> · Search -->
-<!-- <td class="no"> · URL -->
+ <td class="no"> · <!-- URL, Telephone -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- Password -->
<td class="yes"> Yes <!-- Date and Time -->
@@ -43916,14 +43944,14 @@
<tbody>
<tr>
- <th scope="rowgroup" colspan="14">Events
+ <th scope="rowgroup" colspan="15">Events
<tr>
<th> <span title=""><code title="event-input-input">input</code> event</span>
<td class="no"> · <!-- Hidden -->
<td class="yes"> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class="yes"> Yes <!-- URL, Telephone -->
<td class="yes"> Yes <!-- E-mail -->
<td class="yes"> Yes <!-- Password -->
<td class="yes"> Yes <!-- Date and Time -->
@@ -43948,7 +43976,7 @@
<td class="no"> · <!-- Hidden -->
<td class="yes"> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
-<!-- <td class="yes"> Yes URL -->
+ <td class="yes"> Yes <!-- URL, Telephone -->
<td class="yes"> Yes <!-- E-mail -->
<td class="yes"> Yes <!-- Password -->
<td class="yes"> Yes <!-- Date and Time -->
@@ -44200,6 +44228,9 @@
title="dom-input-step"><code>step</code></dfn> IDL attributes must
<span>reflect</span> the respective content attributes of the same
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="dom-input-readOnly"><code>readOnly</code></dfn> IDL attribute
must <span>reflect</span> the <code
title="attr-input-readonly">readonly</code> content attribute. The
@@ -44292,6 +44323,7 @@
<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-checked">checked</code>,
+ <code class="no-backref" title="attr-input-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>,
@@ -44370,6 +44402,32 @@
by the user. User agents must not allow users to insert U+000A LINE
FEED (LF) or U+000D CARRIAGE RETURN (CR) characters into the
element's <span title="concept-fe-value">value</span>.</p>
+
+ <!-- this next bit is also in the <textarea> section -->
+ <p>If the element is <i title="concept-input-mutable">mutable</i>,
+ the user agent should allow the user to change the writing direction
+ of the element, setting it either to a left-to-right writing
+ direction or a right-to-left writing direction. If the user does so,
+ the user agent must then run the following steps:</p>
+
+ <ol>
+
+ <li><p>Set the element's <code title="attr-dir">dir</code>
+ attribute to "<code title="attr-dir-ltr">ltr</code>" if the user
+ selected a left-to-right writing direction, and "<code
+ title="attr-dir-rtl">rtl</code>" if the user selected a
+ right-to-left writing direction.</p></li>
+
+ <li><p><span>Queue a task</span> to first <span>fire a simple
+ event</span> that bubbles named <code
+ title="event-input">input</code> at the <code>input</code> element,
+ and to then <span>broadcast <code
+ title="event-forminput">forminput</code> events</span> from the
+ <code>input</code> element's <span>form owner</span>, if
+ any.</p></li>
+
+ </ol>
+
</div>
<p>The <code title="attr-input-value">value</code> attribute, if
@@ -44389,6 +44447,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-input-dirname">dirname</code>,
<code title="attr-input-list">list</code>,
<code title="attr-input-maxlength">maxlength</code>,
<code title="attr-input-pattern">pattern</code>,
@@ -44523,6 +44582,7 @@
<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-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
@@ -44634,6 +44694,7 @@
<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-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
@@ -44816,6 +44877,7 @@
<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-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
@@ -44906,6 +44968,7 @@
<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-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
@@ -45087,6 +45150,7 @@
<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-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
@@ -45276,6 +45340,7 @@
<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-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
@@ -45443,6 +45508,7 @@
<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-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
@@ -45613,6 +45679,7 @@
<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-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
@@ -45780,6 +45847,7 @@
<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-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
@@ -45931,6 +45999,7 @@
<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-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
@@ -46104,6 +46173,7 @@
<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-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
@@ -46293,6 +46363,7 @@
<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-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
@@ -46456,6 +46527,7 @@
<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-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
@@ -46535,10 +46607,10 @@
steps</span> were run. The <span>activation behavior</span> is to
<span>fire a simple event</span> that bubbles named <code
title="event-change">change</code> at the element<!-- It's not
- cancelable. Once this fires, the control is checked, end of
- story. -->, then <span>broadcast <code
- title="event-formchange">formchange</code> events</span> at the
- element's <span>form owner</span>.</p>
+ cancelable. Once this fires, the control is checked, end of story.
+ -->, then <span>broadcast <code
+ title="event-formchange">formchange</code> events</span> from the
+ element's <span>form owner</span>, if any.</p>
<p><strong>Constraint validation</strong>: If the element is <i
title="concept-input-required">required</i> and its <span
@@ -46580,6 +46652,7 @@
<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-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
@@ -46700,8 +46773,8 @@
title="event-change">change</code> at the element<!-- It's not
cancelable. Once this fires, the control is checked, end of
story. -->, then <span>broadcast <code
- title="event-formchange">formchange</code> events</span> at the
- element's <span>form owner</span>.</p>
+ title="event-formchange">formchange</code> events</span> from the
+ element's <span>form owner</span>, if any.</p>
<p><strong>Constraint validation</strong>: If the element is <i
title="concept-input-required">required</i> and all of the
@@ -46737,6 +46810,7 @@
<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-fs-formaction">formaction</code>,
<code class="no-backref" title="attr-fs-formenctype">formenctype</code>,
<code class="no-backref" title="attr-fs-formmethod">formmethod</code>,
@@ -46932,6 +47006,7 @@
<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-checked">checked</code>,
+ <code class="no-backref" title="attr-input-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>,
@@ -47039,6 +47114,7 @@
<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-checked">checked</code>,
+ <code class="no-backref" title="attr-input-dirname">dirname</code>,
<code class="no-backref" title="attr-dim-height">height</code>,
<code class="no-backref" title="attr-input-list">list</code>,
<code class="no-backref" title="attr-input-max">max</code>,
@@ -47315,6 +47391,7 @@
<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-input-checked">checked</code>,
+ <code class="no-backref" title="attr-input-dirname">dirname</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>,
@@ -47404,6 +47481,7 @@
<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-checked">checked</code>,
+ <code class="no-backref" title="attr-input-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>,
@@ -47489,6 +47567,7 @@
<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-checked">checked</code>,
+ <code class="no-backref" title="attr-input-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>,
@@ -47670,7 +47749,39 @@
</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>
+
+ <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>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-list">list</code> attribute</h6>
<p>The <dfn title="attr-input-list"><code>list</code></dfn>
@@ -48704,16 +48815,17 @@
<p>When the <dfn title="event-input-input"><code>input</code></dfn>
event applies, any time the user causes the element's <span
title="concept-fe-value">value</span> to change, the user agent must
- <span>queue a task</span> to <span>fire a simple event</span> that
- bubbles named <code title="event-input">input</code> at the
- <code>input</code> element, then <span>broadcast <code
- title="event-forminput">forminput</code> events</span> at the
- <code>input</code> element's <span>form owner</span>. User agents
- may wait for a suitable break in the user's interaction before
- queuing the task; for example, a user agent could wait for the user
- to have not hit a key for 100ms, so as to only fire the event when
- the user pauses, instead of continuously for each keystroke.</p>
- <!-- same text is present in the <textarea> section -->
+ <span>queue a task</span> to first <span>fire a simple event</span>
+ that bubbles named <code title="event-input">input</code> at the
+ <code>input</code> element, and then to <span>broadcast <code
+ title="event-forminput">forminput</code> events</span> from the
+ <code>input</code> element's <span>form owner</span>, if any. User
+ agents may wait for a suitable break in the user's interaction
+ before queuing the task; for example, a user agent could wait for
+ the user to have not hit a key for 100ms, so as to only fire the
+ event when the user pauses, instead of continuously for each
+ keystroke.</p> <!-- same text is present in the <textarea> section
+ -->
<p class="example">Examples of a user changing the element's <span
title="concept-fe-value">value</span> would include the user typing
@@ -48730,12 +48842,12 @@
action, then any time the user commits a change to the element's
<span title="concept-fe-value">value</span> or list of <span
title="concept-input-type-file-selected">selected files</span>, the
- user agent must <span>queue a task</span> to <span>fire a simple
- event</span> that bubbles named <code
+ user agent must <span>queue a task</span> to first <span>fire a
+ simple event</span> that bubbles named <code
title="event-change">change</code> at the <code>input</code>
- element, then <span>broadcast <code
- title="event-formchange">formchange</code> events</span> at the
- <code>input</code> element's <span>form owner</span>.</p>
+ element, and then to <span>broadcast <code
+ title="event-formchange">formchange</code> events</span> from the
+ <code>input</code> element's <span>form owner</span>, if any.</p>
<p class="example">An example of a user interface with a commit
action would be a <span title="attr-input-type-file">File
@@ -48766,9 +48878,9 @@
element.</li>
<li>If the <code title="event-input-input">input</code> event
- applies, <span>broadcast <code
- title="event-forminput">forminput</code> events</span> at the
- <code>input</code> element's <span>form owner</span>.</li>
+ applies, <span>queue a task</span> to <span>broadcast <code
+ title="event-forminput">forminput</code> events</span> from the
+ <code>input</code> element's <span>form owner</span>, if any.</li>
<li>If the <code title="event-input-change">change</code> event
applies, <span>queue a task</span> to <span>fire a simple
@@ -48777,9 +48889,9 @@
element.</li>
<li>If the <code title="event-input-change">change</code> event
- applies, <span>broadcast <code
- title="event-formchange">formchange</code> events</span> at the
- <code>input</code> element's <span>form owner</span>.</li>
+ applies, <span>queue a task</span> to <span>broadcast <code
+ title="event-formchange">formchange</code> events</span> from the
+ <code>input</code> element's <span>form owner</span>, if any.</li>
</ol>
@@ -49165,9 +49277,8 @@
title="concept-fe-disabled">disabled</span>, then the user agent
should allow the user to pick an <code>option</code> element in its
<span title="concept-select-option-list">list of options</span> that
- is itself not <span
- title="concept-option-disabled">disabled</span>. Upon this
- <code>option</code> element being <dfn
+ is itself not <span title="concept-option-disabled">disabled</span>.
+ Upon this <code>option</code> element being <dfn
title="concept-select-pick">picked</dfn> (either through a click, or
through unfocusing the element after changing its value, or through
a <span title="option-command">menu command</span>, or through any
@@ -49177,11 +49288,11 @@
set the <span
title="concept-option-selectedness">selectedness</span> of the
picked <code>option</code> element to true and then <span>queue a
- task</span> to <span>fire a simple event</span> that bubbles named
- <code title="event-change">change</code> at the <code>select</code>
- element, using the <span>user interaction task source</span> as the
- task source, then <span>broadcast <code
- title="event-formchange">formchange</code> events</span> at the
+ task</span> to first <span>fire a simple event</span> that bubbles
+ named <code title="event-change">change</code> at the
+ <code>select</code> element, using the <span>user interaction task
+ source</span> as the task source, and then to <span>broadcast <code
+ title="event-formchange">formchange</code> events</span> from the
element's <span>form owner</span>.</p>
<p>If the <code title="attr-select-multiple">multiple</code>
@@ -49211,11 +49322,11 @@
title="event-click">click</code> event), the user agent must set the
<span title="concept-option-selectedness">selectedness</span> of
that <code>option</code> element to false and then <span>queue a
- task</span> to <span>fire a simple event</span> that bubbles named
- <code title="event-change">change</code> at the <code>select</code>
- element, using the <span>user interaction task source</span> as the
- task source, then <span>broadcast <code
- title="event-formchange">formchange</code> events</span> at the
+ task</span> to first <span>fire a simple event</span> that bubbles
+ named <code title="event-change">change</code> at the
+ <code>select</code> element, using the <span>user interaction task
+ source</span> as the task source, and then to <span>broadcast <code
+ title="event-formchange">formchange</code> events</span> from the
element's <span>form owner</span>.</p>
<p>If the <code title="attr-select-multiple">multiple</code>
@@ -49243,18 +49354,18 @@
title="concept-select-option-list">list of options</span> that are
themselves not <span title="concept-option-disabled">disabled</span>
(either through a click, or through a <span
- title="option-command">menu command</span>, or any other
- mechanism). Upon the <span
+ title="option-command">menu command</span>, or any other mechanism).
+ Upon the <span
title="concept-option-selectedness">selectedness</span> of one or
more <code>option</code> elements being changed by the user, and
before the relevant user interaction event <!-- interaction event
spec point --> is queued (e.g. before a related <code
title="event-click">click</code> event), the user agent must
- <span>queue a task</span> to <span>fire a simple event</span> that
- bubbles named <code title="event-change">change</code> at the
+ <span>queue a task</span> to first <span>fire a simple event</span>
+ that bubbles named <code title="event-change">change</code> at the
<code>select</code> element, using the <span>user interaction task
- source</span> as the task source, then <span>broadcast <code
- title="event-formchange">formchange</code> events</span> at the
+ source</span> as the task source, and then to <span>broadcast <code
+ title="event-formchange">formchange</code> events</span> from the
element's <span>form owner</span>.</p>
<p>The <span title="concept-form-reset-control">reset
@@ -50006,6 +50117,7 @@
<dd><code title="attr-fe-autofocus">autofocus</code></dd>
<dd><code title="attr-textarea-cols">cols</code></dd>
<dd><code title="attr-fe-disabled">disabled</code></dd>
+ <dd><code title="attr-textarea-dirname">dirname</code></dd>
<dd><code title="attr-fae-form">form</code></dd>
<dd><code title="attr-textarea-maxlength">maxlength</code></dd>
<dd><code title="attr-fe-name">name</code></dd>
@@ -50020,6 +50132,7 @@
attribute boolean <span title="dom-fe-autofocus">autofocus</span>;
attribute unsigned long <span title="dom-textarea-cols">cols</span>;
attribute boolean <span title="dom-fe-disabled">disabled</span>;
+ attribute DOMString <span title="dom-textarea-dirName">dirName</span>;
readonly attribute <span>HTMLFormElement</span> <span title="dom-fae-form">form</span>;
attribute long <span title="dom-textarea-maxLength">maxLength</span>;
attribute DOMString <span title="dom-fe-name">name</span>;
@@ -50087,11 +50200,11 @@
title="concept-textarea-raw-value">raw value</span> should be
editable by the user. Any time the user causes the element's <span
title="concept-textarea-raw-value">raw value</span> to change, the
- user agent must <span>queue a task</span> to <span>fire a simple
- event</span> that bubbles named <code
+ user agent must <span>queue a task</span> to first <span>fire a
+ simple event</span> that bubbles named <code
title="event-input">input</code> at the <code>textarea</code>
- element, then <span>broadcast <code
- title="event-forminput">forminput</code> events</span> at the
+ element, and then to <span>broadcast <code
+ title="event-forminput">forminput</code> events</span> from the
<code>textarea</code> element's <span>form owner</span>. User agents
may wait for a suitable break in the user's interaction before
queuing the task; for example, a user agent could wait for the user
@@ -50118,6 +50231,32 @@
the value of the element's <code>textContent</code> IDL
attribute.</p>
+ <!-- this next bit is also in the <input> Text/Search section -->
+ <p>If the element is <span
+ title="concept-textarea-mutable">mutable</span>, the user agent
+ should allow the user to change the writing direction of the
+ element, setting it either to a left-to-right writing direction or a
+ right-to-left writing direction. If the user does so, the user agent
+ must then run the following steps:</p>
+
+ <ol>
+
+ <li><p>Set the element's <code title="attr-dir">dir</code>
+ attribute to "<code title="attr-dir-ltr">ltr</code>" if the user
+ selected a left-to-right writing direction, and "<code
+ title="attr-dir-rtl">rtl</code>" if the user selected a
+ right-to-left writing direction.</p></li>
+
+ <li><p><span>Queue a task</span> to first <span>fire a simple
+ event</span> that bubbles named <code
+ title="event-input">input</code> at the <code>textarea</code>
+ element, and to then <span>broadcast <code
+ title="event-forminput">forminput</code> events</span> from the
+ <code>textarea</code> element's <span>form owner</span>, if
+ any.</p></li>
+
+ </ol>
+
</div>
<p>The <dfn title="attr-textarea-cols"><code>cols</code></dfn>
@@ -50280,6 +50419,9 @@
</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-fae-form">form</code> attribute is used to
explicitly associate the <code>textarea</code> element with its
@@ -50326,8 +50468,11 @@
title="dom-textarea-cols">cols</code> attribute's default value is
20. The <code title="dom-textarea-rows">rows</code> attribute's
default value is 2. The <dfn
- title="dom-textarea-maxLength"><code>maxLength</code></dfn> IDL
+ 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
+ <dfn title="dom-textarea-maxLength"><code>maxLength</code></dfn> IDL
+ attribute must <span>reflect</span> the <code
title="attr-textarea-maxlength">maxlength</code> content attribute,
<span>limited to only non-negative numbers</span>. The <dfn
title="dom-textarea-readOnly"><code>readOnly</code></dfn> IDL
@@ -50384,6 +50529,24 @@
<pre><p>If you have any comments, please let us know: <textarea cols=80 name=comments></textarea></p></pre>
+ <p>To specify that a maximum length for the comments, one can use
+ the <code title="attr-textarea-maxlength">maxlength</code>
+ attribute:</p>
+
+ <pre><p>If you have any short comments, please let us know: <textarea cols=80 name=comments maxlength=200></textarea></p></pre>
+
+ <p>To give a default value, text can be included inside the element:</p>
+
+ <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 <span>the directionality</span> of
+ the element along with the value, the <code
+ title="attr-textarea-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):
+<textarea cols=80 name=comments dirname=comments.dir></textarea></p></pre>
+
</div>
@@ -52105,7 +52268,16 @@
</div>
+ <h5>Submitting element directionality</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>
+
+
<h4 id="textFieldSelection">APIs for the text field selections</h4>
<!-- v2 idea: DOM Range APIs to expose the textarea/input edited
@@ -52973,12 +53145,12 @@
title="">y</var>-component of the coordinate selected by the
user.</p></li>
- <li><p>Append an entry in the <var title="">form data set</var>
+ <li><p>Append an entry to the <var title="">form data set</var>
with the name <var title="">name<sub title="">x</sub></var>,
the value <var title="">x</var>, and the type <var
title="">type</var>.</p></li>
- <li><p>Append an entry in the <var title="">form data set</var>
+ <li><p>Append an entry to the <var title="">form data set</var>
with the name <var title="">name<sub title="">y</sub></var> and
the value <var title="">y</var>, and the type <var
title="">type</var>.</p></li>
@@ -53002,7 +53174,7 @@
<code>select</code> element, then for each <code>option</code>
element in the <code>select</code> element whose <span
title="concept-option-selectedness">selectedness</span> is true,
- append an entry in the <var title="">form data set</var> with the
+ append an entry to the <var title="">form data set</var> with the
<var title="">name</var> as the name, the <span
title="concept-option-value">value</span> of the
<code>option</code> element as the value, and <var
@@ -53025,7 +53197,7 @@
otherwise, let <var title="">value</var> be the string
"<code title="">on</code>".</p></li>
- <li><p>Append an entry in the <var title="">form data set</var>
+ <li><p>Append an entry to the <var title="">form data set</var>
with <var title="">name</var> as the name, <var
title="">value</var> as the value, and <var title="">type</var>
as the type.</p></li>
@@ -53040,13 +53212,13 @@
title="attr-input-type-file">File Upload</span> state, then for
each file <span
title="concept-input-type-file-selected">selected</span> in the
- <code>input</code> element, append an entry in the <var
+ <code>input</code> element, append an entry to the <var
title="">form data set</var> with the <var title="">name</var> as
the name, the file (consisting of the name, the type, and the
body) as the value, and <var title="">type</var> as the type. If
there are no <span
title="concept-input-type-file-selected">selected files</span>,
- then append an entry in the <var title="">form data set</var>
+ then append an entry to the <var title="">form data set</var>
with the <var title="">name</var> as the name, the empty string
as the value, and <code>application/octet-stream</code> as the
type.</p></li>
@@ -53056,17 +53228,52 @@
<code>object</code> element: try to obtain a form submission
value from the <span>plugin</span><!-- using NPAPI's
NPP_GetValue() entry point with the NPPVformValue variable -->,
- and if that is successful, append an entry in the <var
+ and if that is successful, append an entry to the <var
title="">form data set</var> with <var title="">name</var> as the
name, the returned form submission value as the value, and the
string "<code title="">object</code>" as the type.</p></li>
- <li><p>Otherwise, append an entry in the <var title="">form data
+ <li><p>Otherwise, append an entry to the <var title="">form data
set</var> with <var title="">name</var> as the name, the <span
title="concept-fe-value">value</span> of the <var
title="">field</var> element as the value, and <var
title="">type</var> as the type.</p></li>
+ <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>
+
+ <ol>
+
+ <li><p>Let <var title="">dirname</var> be the value of the
+ element's <code title="">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
+ element is '<span title="concept-ltr">ltr</span>', and "<code
+ title="">rtl</code>" otherwise (i.e. when <span>the
+ directionality</span> of the element is '<span
+ title="concept-rtl">rtl</span>').</p></li>
+
+ <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.</p></li>
+
+ </ol>
+
+ <p class="note">An element can only have a <span>form control
+ <code title="">dirname</code> attribute</span> 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
+ or the <span title="attr-input-type-search">Search</span>
+ state.</p>
+
+ </li>
+
</ol>
</li>
@@ -102546,6 +102753,7 @@
<code title="attr-input-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-disabled">disabled</code>;
<code title="attr-fae-form">form</code>;
<code title="attr-fs-formaction">formaction</code>;
@@ -103852,6 +104060,12 @@
<td> <span title="the directionality">The text directionality</span> of the element
<td> "<code title="">ltr</code>"; "<code title="">rtl</code>"
<tr>
+ <th> <code title="">dirname</code>
+ <td> <code title="attr-input-dirname">input</code>;
+ <code title="attr-textarea-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>
<th> <code title="">disabled</code>
<td> <code title="attr-fe-disabled">button</code>;
<code title="attr-command-disabled">command</code>;
More information about the Commit-Watchers
mailing list