[html5] r6878 - [e] (0) Make the <input type> values for the various states more obvious. Affect [...]
whatwg at whatwg.org
whatwg at whatwg.org
Fri Dec 16 15:24:04 PST 2011
Author: ianh
Date: 2011-12-16 15:24:03 -0800 (Fri, 16 Dec 2011)
New Revision: 6878
Modified:
complete.html
index
source
Log:
[e] (0) Make the <input type> values for the various states more obvious.
Affected topics: HTML
Modified: complete.html
===================================================================
--- complete.html 2011-12-16 20:55:37 UTC (rev 6877)
+++ complete.html 2011-12-16 23:24:03 UTC (rev 6878)
@@ -660,28 +660,28 @@
<ol>
<li><a href=#states-of-the-type-attribute><span class=secno>4.10.7.1 </span>States of the <code title=attr-input-type>type</code> attribute</a>
<ol>
- <li><a href=#hidden-state><span class=secno>4.10.7.1.1 </span>Hidden state</a></li>
- <li><a href=#text-state-and-search-state><span class=secno>4.10.7.1.2 </span>Text state and Search state</a></li>
- <li><a href=#telephone-state><span class=secno>4.10.7.1.3 </span>Telephone state</a></li>
- <li><a href=#url-state><span class=secno>4.10.7.1.4 </span>URL state</a></li>
- <li><a href=#e-mail-state><span class=secno>4.10.7.1.5 </span>E-mail state</a></li>
- <li><a href=#password-state><span class=secno>4.10.7.1.6 </span>Password state</a></li>
- <li><a href=#date-and-time-state><span class=secno>4.10.7.1.7 </span>Date and Time state</a></li>
- <li><a href=#date-state><span class=secno>4.10.7.1.8 </span>Date state</a></li>
- <li><a href=#month-state><span class=secno>4.10.7.1.9 </span>Month state</a></li>
- <li><a href=#week-state><span class=secno>4.10.7.1.10 </span>Week state</a></li>
- <li><a href=#time-state><span class=secno>4.10.7.1.11 </span>Time state</a></li>
- <li><a href=#local-date-and-time-state><span class=secno>4.10.7.1.12 </span>Local Date and Time state</a></li>
- <li><a href=#number-state><span class=secno>4.10.7.1.13 </span>Number state</a></li>
- <li><a href=#range-state><span class=secno>4.10.7.1.14 </span>Range state</a></li>
- <li><a href=#color-state><span class=secno>4.10.7.1.15 </span>Color state</a></li>
- <li><a href=#checkbox-state><span class=secno>4.10.7.1.16 </span>Checkbox state</a></li>
- <li><a href=#radio-button-state><span class=secno>4.10.7.1.17 </span>Radio Button state</a></li>
- <li><a href=#file-upload-state><span class=secno>4.10.7.1.18 </span>File Upload state</a></li>
- <li><a href=#submit-button-state><span class=secno>4.10.7.1.19 </span>Submit Button state</a></li>
- <li><a href=#image-button-state><span class=secno>4.10.7.1.20 </span>Image Button state</a></li>
- <li><a href=#reset-button-state><span class=secno>4.10.7.1.21 </span>Reset Button state</a></li>
- <li><a href=#button-state><span class=secno>4.10.7.1.22 </span>Button state</a></ol></li>
+ <li><a href="#hidden-state-(type=hidden)"><span class=secno>4.10.7.1.1 </span>Hidden state (<code title="">type=hidden</code>)</a></li>
+ <li><a href="#text-(type=text)-state-and-search-state-(type=search)"><span class=secno>4.10.7.1.2 </span>Text (<code title="">type=text</code>) state and Search state (<code title="">type=search</code>)</a></li>
+ <li><a href="#telephone-state-(type=tel)"><span class=secno>4.10.7.1.3 </span>Telephone state (<code title="">type=tel</code>)</a></li>
+ <li><a href="#url-state-(type=url)"><span class=secno>4.10.7.1.4 </span>URL state (<code title="">type=url</code>)</a></li>
+ <li><a href="#e-mail-state-(type=email)"><span class=secno>4.10.7.1.5 </span>E-mail state (<code title="">type=email</code>)</a></li>
+ <li><a href="#password-state-(type=password)"><span class=secno>4.10.7.1.6 </span>Password state (<code title="">type=password</code>)</a></li>
+ <li><a href="#date-and-time-state-(type=datetime)"><span class=secno>4.10.7.1.7 </span>Date and Time state (<code title="">type=datetime</code>)</a></li>
+ <li><a href="#date-state-(type=date)"><span class=secno>4.10.7.1.8 </span>Date state (<code title="">type=date</code>)</a></li>
+ <li><a href="#month-state-(type=month)"><span class=secno>4.10.7.1.9 </span>Month state (<code title="">type=month</code>)</a></li>
+ <li><a href="#week-state-(type=week)"><span class=secno>4.10.7.1.10 </span>Week state (<code title="">type=week</code>)</a></li>
+ <li><a href="#time-state-(type=time)"><span class=secno>4.10.7.1.11 </span>Time state (<code title="">type=time</code>)</a></li>
+ <li><a href="#local-date-and-time-state-(type=datetime-local)"><span class=secno>4.10.7.1.12 </span>Local Date and Time state (<code title="">type=datetime-local</code>)</a></li>
+ <li><a href="#number-state-(type=number)"><span class=secno>4.10.7.1.13 </span>Number state (<code title="">type=number</code>)</a></li>
+ <li><a href="#range-state-(type=range)"><span class=secno>4.10.7.1.14 </span>Range state (<code title="">type=range</code>)</a></li>
+ <li><a href="#color-state-(type=color)"><span class=secno>4.10.7.1.15 </span>Color state (<code title="">type=color</code>)</a></li>
+ <li><a href="#checkbox-state-(type=checkbox)"><span class=secno>4.10.7.1.16 </span>Checkbox state (<code title="">type=checkbox</code>)</a></li>
+ <li><a href="#radio-button-state-(type=radio)"><span class=secno>4.10.7.1.17 </span>Radio Button state (<code title="">type=radio</code>)</a></li>
+ <li><a href="#file-upload-state-(type=file)"><span class=secno>4.10.7.1.18 </span>File Upload state (<code title="">type=file</code>)</a></li>
+ <li><a href="#submit-button-state-(type=submit)"><span class=secno>4.10.7.1.19 </span>Submit Button state (<code title="">type=submit</code>)</a></li>
+ <li><a href="#image-button-state-(type=image)"><span class=secno>4.10.7.1.20 </span>Image Button state (<code title="">type=image</code>)</a></li>
+ <li><a href="#reset-button-state-(type=reset)"><span class=secno>4.10.7.1.21 </span>Reset Button state (<code title="">type=reset</code>)</a></li>
+ <li><a href="#button-state-(type=button)"><span class=secno>4.10.7.1.22 </span>Button state (<code title="">type=button</code>)</a></ol></li>
<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>
@@ -9026,7 +9026,7 @@
<a href=#tree-order>tree order</a> represented by the
<code><a href=#radionodelist>RadioNodeList</a></code> object that 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=#radio-button-state title=attr-input-type-radio>Radio Button</a>
+ is in the <a href="#radio-button-state-(type=radio)" title=attr-input-type-radio>Radio Button</a>
state and whose <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a>
is true. Otherwise, let it be null.</li>
@@ -9044,7 +9044,7 @@
<a href=#tree-order>tree order</a> represented by the
<code><a href=#radionodelist>RadioNodeList</a></code> object that 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=#radio-button-state title=attr-input-type-radio>Radio Button</a>
+ is in the <a href="#radio-button-state-(type=radio)" title=attr-input-type-radio>Radio Button</a>
state and whose <code title=attr-input-value><a href=#attr-input-value>value</a></code> content
attribute is present and equal to the new value, if any. Otherwise,
let it be null.</li>
@@ -11369,7 +11369,7 @@
<dd><p><a href=#the-directionality>The directionality</a> of the element is '<a href=#concept-rtl title=concept-rtl>rtl</a>'.</dd>
- <dt>If the 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=#text-state-and-search-state title=attr-input-type-text>Text</a>, <a href=#text-state-and-search-state title=attr-input-type-search>Search</a>, <a href=#telephone-state title=attr-input-type-tel>Telephone</a>, <a href=#url-state title=attr-input-type-url>URL</a>, or <a href=#e-mail-state title=attr-input-type-email>E-mail</a> state, and the <code title=attr-dir><a href=#the-dir-attribute>dir</a></code> attribute is in the <a href=#attr-dir-auto-state title=attr-dir-auto-state>auto</a> state</dt>
+ <dt>If the 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="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a>, <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-search>Search</a>, <a href="#telephone-state-(type=tel)" title=attr-input-type-tel>Telephone</a>, <a href="#url-state-(type=url)" title=attr-input-type-url>URL</a>, or <a href="#e-mail-state-(type=email)" title=attr-input-type-email>E-mail</a> state, and the <code title=attr-dir><a href=#the-dir-attribute>dir</a></code> attribute is in the <a href=#attr-dir-auto-state title=attr-dir-auto-state>auto</a> state</dt>
<dt>If the element is a <code><a href=#the-textarea-element>textarea</a></code> element and the <code title=attr-dir><a href=#the-dir-attribute>dir</a></code> attribute is in the <a href=#attr-dir-auto-state title=attr-dir-auto-state>auto</a> state</dt>
@@ -12316,7 +12316,7 @@
<li><code><a href=#the-embed-element>embed</a></code></li>
<li><code><a href=#the-iframe-element>iframe</a></code></li>
<li><code><a href=#the-img-element>img</a></code> (if the <code title=attr-hyperlink-usemap><a href=#attr-hyperlink-usemap>usemap</a></code> attribute is present)</li>
- <li><code><a href=#the-input-element>input</a></code> (if the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state)</li>
+ <li><code><a href=#the-input-element>input</a></code> (if the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> state)</li>
<li><code><a href=#the-keygen-element>keygen</a></code></li>
<li><code><a href=#the-label-element>label</a></code></li>
<li><code><a href=#the-menu-element>menu</a></code> (if the <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#toolbar-state title="toolbar state">toolbar</a> state)</li>
@@ -12509,7 +12509,7 @@
<li><code><a href=#the-i-element>i</a></code></li>
<li><code><a href=#the-iframe-element>iframe</a></code></li>
<li><code><a href=#the-img-element>img</a></code></li>
- <li><code><a href=#the-input-element>input</a></code> (if the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state)</li>
+ <li><code><a href=#the-input-element>input</a></code> (if the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> state)</li>
<li><code><a href=#the-ins-element>ins</a></code></li>
<li><code><a href=#the-kbd-element>kbd</a></code></li>
<li><code><a href=#the-keygen-element>keygen</a></code></li>
@@ -12996,70 +12996,70 @@
<tr><td><code><a href=#the-img-element>img</a></code> element whose <code title=attr-img-alt><a href=#attr-img-alt>alt</a></code> attribute's value is empty
<td><code title=attr-aria-role-presentation>presentation</code> role
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#checkbox-state title=attr-input-type-checkbox>Checkbox</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#checkbox-state-(type=checkbox)" title=attr-input-type-checkbox>Checkbox</a> state
<td><code title=attr-aria-checked>aria-checked</code> state set to "mixed" if the element's <code title=dom-input-indeterminate><a href=#dom-input-indeterminate>indeterminate</a></code> IDL attribute is true, or "true" if the element's <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> is true, or "false" otherwise
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#color-state title=attr-input-type-color>Color</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#color-state-(type=color)" title=attr-input-type-color>Color</a> state
<td><a href=#concept-role-none title=concept-role-none>No role</a>
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#date-state title=attr-input-type-date>Date</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#date-state-(type=date)" title=attr-input-type-date>Date</a> state
<td><a href=#concept-role-none title=concept-role-none>No role</a>, with the <code title=title-aria-readonly>aria-readonly</code> property set to "true" if the element has a <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#date-and-time-state title=attr-input-type-datetime>Date and Time</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#date-and-time-state-(type=datetime)" title=attr-input-type-datetime>Date and Time</a> state
<td><a href=#concept-role-none title=concept-role-none>No role</a>, with the <code title=title-aria-readonly>aria-readonly</code> property set to "true" if the element has a <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#local-date-and-time-state title=attr-input-type-datetime-local>Local Date and Time</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#local-date-and-time-state-(type=datetime-local)" title=attr-input-type-datetime-local>Local Date and Time</a> state
<td><a href=#concept-role-none title=concept-role-none>No role</a>, with the <code title=title-aria-readonly>aria-readonly</code> property set to "true" if the element has a <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#e-mail-state title=attr-input-type-email>E-mail</a> state with no <a href=#concept-input-list title=concept-input-list>suggestions source element</a>
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#e-mail-state-(type=email)" title=attr-input-type-email>E-mail</a> state with no <a href=#concept-input-list title=concept-input-list>suggestions source element</a>
<td><code title=attr-aria-role-textbox>textbox</code> role, with the <code title=title-aria-readonly>aria-readonly</code> property set to "true" if the element has a <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#file-upload-state title=attr-input-type-file>File Upload</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#file-upload-state-(type=file)" title=attr-input-type-file>File Upload</a> state
<td><a href=#concept-role-none title=concept-role-none>No role</a>
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> state
<td><a href=#concept-role-none title=concept-role-none>No role</a>
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#month-state title=attr-input-type-month>Month</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#month-state-(type=month)" title=attr-input-type-month>Month</a> state
<td><a href=#concept-role-none title=concept-role-none>No role</a>, with the <code title=title-aria-readonly>aria-readonly</code> property set to "true" if the element has a <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#number-state title=attr-input-type-number>Number</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#number-state-(type=number)" title=attr-input-type-number>Number</a> state
<td><code title=attr-aria-role-spinbutton>spinbutton</code> role, with the <code title=title-aria-readonly>aria-readonly</code> property set to "true" if the element has a <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute, the <code title=attr-aria-valuemax>aria-valuemax</code> property set to the element's <a href=#concept-input-max title=concept-input-max>maximum</a>, the <code title=attr-aria-valuemin>aria-valuemin</code> property set to the element's <a href=#concept-input-min title=concept-input-min>minimum</a>, and, if the result of applying the <a href=#rules-for-parsing-floating-point-number-values>rules for parsing floating point number values</a> to the element's <a href=#concept-fe-value title=concept-fe-value>value</a> is a number, with the <code title=attr-aria-valuenow>aria-valuenow</code> property set to that number
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#password-state title=attr-input-type-password>Password</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#password-state-(type=password)" title=attr-input-type-password>Password</a> state
<td><code title=attr-aria-role-textbox>textbox</code> role, with the <code title=title-aria-readonly>aria-readonly</code> property set to "true" if the element has a <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#radio-button-state title=attr-input-type-radio>Radio Button</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#radio-button-state-(type=radio)" title=attr-input-type-radio>Radio Button</a> state
<td><code title=attr-aria-checked>aria-checked</code> state set to "true" if the element's <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> is true, or "false" otherwise
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#range-state title=attr-input-type-range>Range</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#range-state-(type=range)" title=attr-input-type-range>Range</a> state
<td><code title=attr-aria-role-slider>slider</code> role, with the <code title=attr-aria-valuemax>aria-valuemax</code> property set to the element's <a href=#concept-input-max title=concept-input-max>maximum</a>, the <code title=attr-aria-valuemin>aria-valuemin</code> property set to the element's <a href=#concept-input-min title=concept-input-min>minimum</a>, and the <code title=attr-aria-valuenow>aria-valuenow</code> property set to the result of applying the <a href=#rules-for-parsing-floating-point-number-values>rules for parsing floating point number values</a> to the element's <a href=#concept-fe-value title=concept-fe-value>value</a>, if that results in a number, or the <a href=#concept-input-value-default-range title=concept-input-value-default-range>default value</a> otherwise
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#reset-button-state title=attr-input-type-reset>Reset Button</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#reset-button-state-(type=reset)" title=attr-input-type-reset>Reset Button</a> state
<td><code title=attr-aria-role-button>button</code> role
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#text-state-and-search-state title=attr-input-type-search>Search</a> state with no <a href=#concept-input-list title=concept-input-list>suggestions source element</a>
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-search>Search</a> state with no <a href=#concept-input-list title=concept-input-list>suggestions source element</a>
<td><code title=attr-aria-role-textbox>textbox</code> role, with the <code title=title-aria-readonly>aria-readonly</code> property set to "true" if the element has a <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#submit-button-state title=attr-input-type-submit>Submit Button</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#submit-button-state-(type=submit)" title=attr-input-type-submit>Submit Button</a> state
<td><code title=attr-aria-role-button>button</code> role
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#telephone-state title=attr-input-type-tel>Telephone</a> state with no <a href=#concept-input-list title=concept-input-list>suggestions source element</a>
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#telephone-state-(type=tel)" title=attr-input-type-tel>Telephone</a> state with no <a href=#concept-input-list title=concept-input-list>suggestions source element</a>
<td><code title=attr-aria-role-textbox>textbox</code> role, with the <code title=title-aria-readonly>aria-readonly</code> property set to "true" if the element has a <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#text-state-and-search-state title=attr-input-type-text>Text</a> state with no <a href=#concept-input-list title=concept-input-list>suggestions source element</a>
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a> state with no <a href=#concept-input-list title=concept-input-list>suggestions source element</a>
<td><code title=attr-aria-role-textbox>textbox</code> role, with the <code title=title-aria-readonly>aria-readonly</code> property set to "true" if the element has a <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#text-state-and-search-state title=attr-input-type-text>Text</a>, <a href=#text-state-and-search-state title=attr-input-type-search>Search</a>, <a href=#telephone-state title=attr-input-type-tel>Telephone</a>, <a href=#url-state title=attr-input-type-url>URL</a>, or <a href=#e-mail-state title=attr-input-type-email>E-mail</a> states with a <a href=#concept-input-list title=concept-input-list>suggestions source element</a>
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a>, <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-search>Search</a>, <a href="#telephone-state-(type=tel)" title=attr-input-type-tel>Telephone</a>, <a href="#url-state-(type=url)" title=attr-input-type-url>URL</a>, or <a href="#e-mail-state-(type=email)" title=attr-input-type-email>E-mail</a> states with a <a href=#concept-input-list title=concept-input-list>suggestions source element</a>
<td><code title=attr-aria-role-combobox>combobox</code> role, with the <code title=attr-aria-owns>aria-owns</code> property set to the same value as the <code title=attr-input-list><a href=#attr-input-list>list</a></code> attribute, and the <code title=title-aria-readonly>aria-readonly</code> property set to "true" if the element has a <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#time-state title=attr-input-type-time>Time</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#time-state-(type=time)" title=attr-input-type-time>Time</a> state
<td><a href=#concept-role-none title=concept-role-none>No role</a>, with the <code title=title-aria-readonly>aria-readonly</code> property set to "true" if the element has a <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#url-state title=attr-input-type-url>URL</a> state with no <a href=#concept-input-list title=concept-input-list>suggestions source element</a>
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#url-state-(type=url)" title=attr-input-type-url>URL</a> state with no <a href=#concept-input-list title=concept-input-list>suggestions source element</a>
<td><code title=attr-aria-role-textbox>textbox</code> role, with the <code title=title-aria-readonly>aria-readonly</code> property set to "true" if the element has a <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#week-state title=attr-input-type-week>Week</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#week-state-(type=week)" title=attr-input-type-week>Week</a> state
<td><a href=#concept-role-none title=concept-role-none>No role</a>, with the <code title=title-aria-readonly>aria-readonly</code> property set to "true" if the element has a <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute
<tr><td><code><a href=#the-input-element>input</a></code> element that is <a href=#concept-input-required title=concept-input-required>required</a>
@@ -13247,19 +13247,19 @@
<td><code title=attr-aria-role-img>img</code> role
<td>No restrictions
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#button-state title=attr-input-type-button>Button</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#button-state-(type=button)" title=attr-input-type-button>Button</a> state
<td><code title=attr-aria-role-button>button</code> role
<td>Role must be either <code title=attr-aria-role-button>button</code>, <code title=attr-aria-role-link>link</code><!--!-->, <code title=attr-aria-role-menuitem>menuitem</code>, <code title=attr-aria-role-menuitemcheckbox>menuitemcheckbox</code><!--!-->, <code title=attr-aria-role-menuitemradio>menuitemradio</code><!--!-->, <code title=attr-aria-role-radio>radio</code><!--!-->
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#checkbox-state title=attr-input-type-checkbox>Checkbox</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#checkbox-state-(type=checkbox)" title=attr-input-type-checkbox>Checkbox</a> state
<td><code title=attr-aria-role-checkbox>checkbox</code> role
<td>Role must be either <code title=attr-aria-role-checkbox>checkbox</code> or <code title=attr-aria-role-menuitemcheckbox>menuitemcheckbox</code>
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state
<td><code title=attr-aria-role-button>button</code> role
<td>Role must be either <code title=attr-aria-role-button>button</code>, <code title=attr-aria-role-link>link</code><!--!-->, <code title=attr-aria-role-menuitem>menuitem</code>, <code title=attr-aria-role-menuitemcheckbox>menuitemcheckbox</code><!--!-->, <code title=attr-aria-role-menuitemradio>menuitemradio</code><!--!-->, <code title=attr-aria-role-radio>radio</code><!--!-->
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#radio-button-state title=attr-input-type-radio>Radio Button</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#radio-button-state-(type=radio)" title=attr-input-type-radio>Radio Button</a> state
<td><code title=attr-aria-role-radio>radio</code> role
<td>Role must be either <code title=attr-aria-role-radio>radio</code> or <code title=attr-aria-role-menuitemradio>menuitemradio</code>
@@ -34118,7 +34118,7 @@
<dt>Content model:</dt>
<dd><a href=#transparent>Transparent</a><!--
--><!--FORK--><!--
--->, but with no <a href=#interactive-content>interactive content</a> descendants except for <code><a href=#the-a-element>a</a></code> elements, <code><a href=#the-button-element>button</a></code> elements, <code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute are in the <a href=#checkbox-state title=attr-input-type-checkbox>Checkbox</a> or <a href=#radio-button-state title=attr-input-type-radio>Radio Button</a> states, and <code><a href=#the-input-element>input</a></code> elements that are <a href=#concept-button title=concept-button>buttons</a><!--
+-->, but with no <a href=#interactive-content>interactive content</a> descendants except for <code><a href=#the-a-element>a</a></code> elements, <code><a href=#the-button-element>button</a></code> elements, <code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute are in the <a href="#checkbox-state-(type=checkbox)" title=attr-input-type-checkbox>Checkbox</a> or <a href="#radio-button-state-(type=radio)" title=attr-input-type-radio>Radio Button</a> states, and <code><a href=#the-input-element>input</a></code> elements that are <a href=#concept-button title=concept-button>buttons</a><!--
--><!--FORK--><!--
-->.</dd> <!-- and maybe <select>, I guess? I've left it in for now, since I guess authors might make accessible selects if they're simple enough, and it's not obvious how to distinguish the simple ones from the complex ones... -->
<dt>Content attributes:</dt>
@@ -38396,7 +38396,7 @@
<p><span class=impl><strong>Author requirements</strong>:</span>
The <dfn id=attr-dim-width title=attr-dim-width><code>width</code></dfn> and <dfn id=attr-dim-height title=attr-dim-height><code>height</code></dfn> attributes on
<code><a href=#the-img-element>img</a></code>, <code><a href=#the-iframe-element>iframe</a></code>, <code><a href=#the-embed-element>embed</a></code>,
- <code><a href=#the-object-element>object</a></code>, <code><a href=#the-video-element>video</a></code>, and, when their <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state,
+ <code><a href=#the-object-element>object</a></code>, <code><a href=#the-video-element>video</a></code>, and, when their <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state,
<code><a href=#the-input-element>input</a></code> elements may be specified to give the dimensions
of the visual content of the element (the width and height
respectively, relative to the nominal direction of the output
@@ -41151,7 +41151,7 @@
<p>To let the user select the size of the pizza, we can use a set of
radio buttons. Radio buttons also use the <code><a href=#the-input-element>input</a></code>
element, this time with a <code title=attr-input-type><a href=#attr-input-type>type</a></code>
- attribute with the value <code title=attr-input-type-radio><a href=#radio-button-state>radio</a></code>. To make the radio
+ attribute with the value <code title=attr-input-type-radio><a href="#radio-button-state-(type=radio)">radio</a></code>. To make the radio
buttons work as a group, they are given a common name using the
<code title=attr-fe-name><a href=#attr-fe-name>name</a></code> attribute. To group a batch
of controls together, such as, in this case, the radio buttons, one
@@ -41173,7 +41173,7 @@
<p class=note>Changes from the previous step are highlighted.</p>
<p>To pick toppings, we can use checkboxes. These use the
- <code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute with the value <code title=attr-input-type-checkbox><a href=#checkbox-state>checkbox</a></code>:</p>
+ <code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute with the value <code title=attr-input-type-checkbox><a href="#checkbox-state-(type=checkbox)">checkbox</a></code>:</p>
<pre><form>
<p><label>Customer name: <input></label></p>
@@ -41195,8 +41195,8 @@
<p>The pizzeria for which this form is being written is always
making mistakes, so it needs a way to contact the customer. For this
purpose, we can use form controls specifically for telephone numbers
- (<code><a href=#the-input-element>input</a></code> elements with their <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute set to <code title=attr-input-type-tel><a href=#telephone-state>tel</a></code>) and e-mail addresses
- (<code><a href=#the-input-element>input</a></code> elements with their <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute set to <code title=attr-input-type-email><a href=#e-mail-state>email</a></code>):</p>
+ (<code><a href=#the-input-element>input</a></code> elements with their <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute set to <code title=attr-input-type-tel><a href="#telephone-state-(type=tel)">tel</a></code>) and e-mail addresses
+ (<code><a href=#the-input-element>input</a></code> elements with their <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute set to <code title=attr-input-type-email><a href="#e-mail-state-(type=email)">email</a></code>):</p>
<pre><form>
<p><label>Customer name: <input></label></p>
@@ -41217,7 +41217,7 @@
</fieldset>
</form></pre>
- <p>We can use an <code><a href=#the-input-element>input</a></code> element with its <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute set to <code title=attr-input-type-time><a href=#time-state>time</a></code> to ask for a delivery
+ <p>We can use an <code><a href=#the-input-element>input</a></code> element with its <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute set to <code title=attr-input-type-time><a href="#time-state-(type=time)">time</a></code> to ask for a delivery
time. Many of these form controls have attributes to control exactly
what values can be specified; in this case, three attributes of
particular interest are <code title=attr-input-min><a href=#attr-input-min>min</a></code>,
@@ -41555,7 +41555,7 @@
<!-- when updating this also update the category index -->
<ul class="brief category-list"><li><code><a href=#the-button-element>button</a></code></li>
- <li><code><a href=#the-input-element>input</a></code> (if the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state)</li>
+ <li><code><a href=#the-input-element>input</a></code> (if the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> state)</li>
<li><code><a href=#the-keygen-element>keygen</a></code></li>
<li><code><a href=#the-meter-element>meter</a></code></li>
<li><code><a href=#the-output-element>output</a></code></li>
@@ -41735,7 +41735,7 @@
IDL attribute must return an <code><a href=#htmlformcontrolscollection>HTMLFormControlsCollection</a></code>
rooted at the <code><a href=#document>Document</a></code> node, whose filter matches <a href=#category-listed title=category-listed>listed elements</a> whose <a href=#form-owner>form
owner</a> is the <code><a href=#the-form-element>form</a></code> element, with the exception of
- <code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state, which must,
+ <code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state, which must,
for historical reasons, be excluded from this particular
collection.</p>
@@ -42241,10 +42241,10 @@
<dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
<dd><a href=#phrasing-content>Phrasing content</a>.</dd>
- <dd>If the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state: <a href=#interactive-content>Interactive content</a>.</dd>
- <dd>If the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state: <a href=#category-listed title=category-listed>Listed</a>, <a href=#category-label title=category-label>labelable</a>, <a href=#category-submit title=category-submit>submittable</a>, and <a href=#category-reset title=category-reset>resettable</a> <a href=#form-associated-element>form-associated element</a>.</dd>
- <dd>If the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state: <a href=#category-listed title=category-listed>Listed</a>, <a href=#category-submit title=category-submit>submittable</a>, and <a href=#category-reset title=category-reset>resettable</a> <a href=#form-associated-element>form-associated element</a>.</dd>
- <dd>If the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state: <a href=#palpable-content>Palpable content</a>.</dd>
+ <dd>If the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> state: <a href=#interactive-content>Interactive content</a>.</dd>
+ <dd>If the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> state: <a href=#category-listed title=category-listed>Listed</a>, <a href=#category-label title=category-label>labelable</a>, <a href=#category-submit title=category-submit>submittable</a>, and <a href=#category-reset title=category-reset>resettable</a> <a href=#form-associated-element>form-associated element</a>.</dd>
+ <dd>If the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> state: <a href=#category-listed title=category-listed>Listed</a>, <a href=#category-submit title=category-submit>submittable</a>, and <a href=#category-reset title=category-reset>resettable</a> <a href=#form-associated-element>form-associated element</a>.</dd>
+ <dd>If the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> state: <a href=#palpable-content>Palpable content</a>.</dd>
<dt>Contexts in which this element can be used:</dt>
<dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
@@ -42354,98 +42354,98 @@
<th> Data type
<th> Control type
<tbody><tr><td> <dfn id=attr-input-type-hidden-keyword title=attr-input-type-hidden-keyword><code>hidden</code></dfn>
- <td> <a href=#hidden-state title=attr-input-type-hidden>Hidden</a>
+ <td> <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a>
<td> An arbitrary string
<td> n/a
<tr><td> <dfn id=attr-input-type-text-keyword title=attr-input-type-text-keyword><code>text</code></dfn>
- <td> <a href=#text-state-and-search-state title=attr-input-type-text>Text</a>
+ <td> <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a>
<td> Text with no line breaks
<td> A text field
<tr><td> <dfn id=attr-input-type-search-keyword title=attr-input-type-search-keyword><code>search</code></dfn>
- <td> <a href=#text-state-and-search-state title=attr-input-type-search>Search</a>
+ <td> <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-search>Search</a>
<td> Text with no line breaks
<td> Search field
<tr><td> <dfn id=attr-input-type-tel-keyword title=attr-input-type-tel-keyword><code>tel</code></dfn>
- <td> <a href=#telephone-state title=attr-input-type-tel>Telephone</a>
+ <td> <a href="#telephone-state-(type=tel)" title=attr-input-type-tel>Telephone</a>
<td> Text with no line breaks
<td> A text field
<tr><td> <dfn id=attr-input-type-url-keyword title=attr-input-type-url-keyword><code>url</code></dfn>
- <td> <a href=#url-state title=attr-input-type-url>URL</a>
+ <td> <a href="#url-state-(type=url)" title=attr-input-type-url>URL</a>
<td> An absolute IRI
<td> A text field
<tr><td> <dfn id=attr-input-type-email-keyword title=attr-input-type-email-keyword><code>email</code></dfn>
- <td> <a href=#e-mail-state title=attr-input-type-email>E-mail</a>
+ <td> <a href="#e-mail-state-(type=email)" title=attr-input-type-email>E-mail</a>
<td> An e-mail address or list of e-mail addresses
<td> A text field
<tr><td> <dfn id=attr-input-type-password-keyword title=attr-input-type-password-keyword><code>password</code></dfn>
- <td> <a href=#password-state title=attr-input-type-password>Password</a>
+ <td> <a href="#password-state-(type=password)" title=attr-input-type-password>Password</a>
<td> Text with no line breaks (sensitive information)
<td> A text field that obscures data entry
<tr><td> <dfn id=attr-input-type-datetime-keyword title=attr-input-type-datetime-keyword><code>datetime</code></dfn>
- <td> <a href=#date-and-time-state title=attr-input-type-datetime>Date and Time</a>
+ <td> <a href="#date-and-time-state-(type=datetime)" title=attr-input-type-datetime>Date and Time</a>
<td> A date and time (year, month, day, hour, minute, second, fraction of a second) with the time zone set to UTC
<td> A date and time control
<tr><td> <dfn id=attr-input-type-date-keyword title=attr-input-type-date-keyword><code>date</code></dfn>
- <td> <a href=#date-state title=attr-input-type-date>Date</a>
+ <td> <a href="#date-state-(type=date)" title=attr-input-type-date>Date</a>
<td> A date (year, month, day) with no time zone
<td> A date control
<tr><td> <dfn id=attr-input-type-month-keyword title=attr-input-type-month-keyword><code>month</code></dfn>
- <td> <a href=#month-state title=attr-input-type-month>Month</a>
+ <td> <a href="#month-state-(type=month)" title=attr-input-type-month>Month</a>
<td> A date consisting of a year and a month with no time zone
<td> A month control
<tr><td> <dfn id=attr-input-type-week-keyword title=attr-input-type-week-keyword><code>week</code></dfn>
- <td> <a href=#week-state title=attr-input-type-week>Week</a>
+ <td> <a href="#week-state-(type=week)" title=attr-input-type-week>Week</a>
<td> A date consisting of a week-year number and a week number with no time zone
<td> A week control
<tr><td> <dfn id=attr-input-type-time-keyword title=attr-input-type-time-keyword><code>time</code></dfn>
- <td> <a href=#time-state title=attr-input-type-time>Time</a>
+ <td> <a href="#time-state-(type=time)" title=attr-input-type-time>Time</a>
<td> A time (hour, minute, seconds, fractional seconds) with no time zone
<td> A time control
<tr><td> <dfn id=attr-input-type-datetime-local-keyword title=attr-input-type-datetime-local-keyword><code>datetime-local</code></dfn>
- <td> <a href=#local-date-and-time-state title=attr-input-type-datetime-local>Local Date and Time</a>
+ <td> <a href="#local-date-and-time-state-(type=datetime-local)" title=attr-input-type-datetime-local>Local Date and Time</a>
<td> A date and time (year, month, day, hour, minute, second, fraction of a second) with no time zone
<td> A date and time control
<tr><td> <dfn id=attr-input-type-number-keyword title=attr-input-type-number-keyword><code>number</code></dfn>
- <td> <a href=#number-state title=attr-input-type-number>Number</a>
+ <td> <a href="#number-state-(type=number)" title=attr-input-type-number>Number</a>
<td> A numerical value
<td> A text field or spinner control
<tr><td> <dfn id=attr-input-type-range-keyword title=attr-input-type-range-keyword><code>range</code></dfn>
- <td> <a href=#range-state title=attr-input-type-range>Range</a>
+ <td> <a href="#range-state-(type=range)" title=attr-input-type-range>Range</a>
<td> A numerical value, with the extra semantic that the exact value is not important
<td> A slider control or similar
<tr><td> <dfn id=attr-input-type-color-keyword title=attr-input-type-color-keyword><code>color</code></dfn>
- <td> <a href=#color-state title=attr-input-type-color>Color</a>
+ <td> <a href="#color-state-(type=color)" title=attr-input-type-color>Color</a>
<td> An sRGB color with 8-bit red, green, and blue components
<td> A color well
<tr><td> <dfn id=attr-input-type-checkbox-keyword title=attr-input-type-checkbox-keyword><code>checkbox</code></dfn>
- <td> <a href=#checkbox-state title=attr-input-type-checkbox>Checkbox</a>
+ <td> <a href="#checkbox-state-(type=checkbox)" title=attr-input-type-checkbox>Checkbox</a>
<td> A set of zero or more values from a predefined list
<td> A checkbox
<tr><td> <dfn id=attr-input-type-radio-keyword title=attr-input-type-radio-keyword><code>radio</code></dfn>
- <td> <a href=#radio-button-state title=attr-input-type-radio>Radio Button</a>
+ <td> <a href="#radio-button-state-(type=radio)" title=attr-input-type-radio>Radio Button</a>
<td> An enumerated value
<td> A radio button
<tr><td> <dfn id=attr-input-type-file-keyword title=attr-input-type-file-keyword><code>file</code></dfn>
- <td> <a href=#file-upload-state title=attr-input-type-file>File Upload</a>
+ <td> <a href="#file-upload-state-(type=file)" title=attr-input-type-file>File Upload</a>
<td> Zero or more files each with a <a href=#mime-type>MIME type</a> and optionally a file name
<td> A label and a button
<tr><td> <dfn id=attr-input-type-submit-keyword title=attr-input-type-submit-keyword><code>submit</code></dfn>
- <td> <a href=#submit-button-state title=attr-input-type-submit>Submit Button</a>
+ <td> <a href="#submit-button-state-(type=submit)" title=attr-input-type-submit>Submit Button</a>
<td> An enumerated value, with the extra semantic that it must be the last value selected and initiates form submission
<td> A button
<tr><td> <dfn id=attr-input-type-image-keyword title=attr-input-type-image-keyword><code>image</code></dfn>
- <td> <a href=#image-button-state title=attr-input-type-image>Image Button</a>
+ <td> <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a>
<td> A coordinate, relative to a particular image's size, with the extra semantic that it must be the last value selected and initiates form submission
<td> Either a clickable image, or a button
<tr><td> <dfn id=attr-input-type-reset-keyword title=attr-input-type-reset-keyword><code>reset</code></dfn>
- <td> <a href=#reset-button-state title=attr-input-type-reset>Reset Button</a>
+ <td> <a href="#reset-button-state-(type=reset)" title=attr-input-type-reset>Reset Button</a>
<td> n/a
<td> A button
<tr><td> <dfn id=attr-input-type-button-keyword title=attr-input-type-button-keyword><code>button</code></dfn>
- <td> <a href=#button-state title=attr-input-type-button>Button</a>
+ <td> <a href="#button-state-(type=button)" title=attr-input-type-button>Button</a>
<td> n/a
<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>
+ </table><p>The <i>missing value default</i> is the <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a> state.</p>
<p>Which of the <code title=attr-input-accept><a href=#attr-input-accept>accept</a></code>, <code title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code title=attr-input-autocomplete><a href=#attr-input-autocomplete>autocomplete</a></code>, <code title=attr-input-checked><a href=#attr-input-checked>checked</a></code>, <code title=attr-input-dirname><a href=#attr-input-dirname>dirname</a></code>, <code title=attr-fs-formaction><a href=#attr-fs-formaction>formaction</a></code>, <code title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code title=attr-fs-formmethod><a href=#attr-fs-formmethod>formmethod</a></code>, <code title=attr-fs-formnovalidate><a href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code title=attr-dim-height><a href=#attr-dim-height>height</a></code>, <code title=attr-input-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>, and <code title=dom-input-list><a href=#dom-input-list>list</a></code> IDL
attributes, the <code title=dom-textarea/input-select><a href=#dom-textarea/input-select>select()</a></code> method, the <code title=dom-textarea/input-selectionStart><a href=#dom-textarea/input-selectionstart>selectionStart</a></code>,
@@ -42461,29 +42461,29 @@
to each state:</p>
<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>
- <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>
- <th> <span title=""><a href=#date-and-time-state title=attr-input-type-datetime>Date and Time</a>,</span>
- <span title=""><a href=#date-state title=attr-input-type-date>Date</a>,</span>
- <span title=""><a href=#month-state title=attr-input-type-month>Month</a>,</span>
- <span title=""><a href=#week-state title=attr-input-type-week>Week</a>,</span>
- <span title=""><a href=#time-state title=attr-input-type-time>Time</a></span>
- <th> <span title=""><a href=#local-date-and-time-state title=attr-input-type-datetime-local>Local Date and Time</a></span>
- <th> <span title=""><a href=#number-state title=attr-input-type-number>Number</a></span>
- <th> <span title=""><a href=#range-state title=attr-input-type-range>Range</a></span>
- <th> <span title=""><a href=#color-state title=attr-input-type-color>Color</a></span>
- <th> <span title=""><a href=#checkbox-state title=attr-input-type-checkbox>Checkbox</a>,</span>
- <span title=""><a href=#radio-button-state title=attr-input-type-radio>Radio Button</a></span>
- <th> <span title=""><a href=#file-upload-state title=attr-input-type-file>File Upload</a></span>
- <th> <span title=""><a href=#submit-button-state title=attr-input-type-submit>Submit Button</a></span>
- <th> <span title=""><a href=#image-button-state title=attr-input-type-image>Image Button</a></span>
- <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>
+ <th> <span title=""><a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a></span>
+ <th> <span title=""><a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a>,</span>
+ <span title=""><a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-search>Search</a></span>
+ <th> <span title=""><a href="#url-state-(type=url)" title=attr-input-type-url>URL</a>,</span>
+ <span title=""><a href="#telephone-state-(type=tel)" title=attr-input-type-tel>Telephone</a></span>
+ <th> <span title=""><a href="#e-mail-state-(type=email)" title=attr-input-type-email>E-mail</a></span>
+ <th> <span title=""><a href="#password-state-(type=password)" title=attr-input-type-password>Password</a></span>
+ <th> <span title=""><a href="#date-and-time-state-(type=datetime)" title=attr-input-type-datetime>Date and Time</a>,</span>
+ <span title=""><a href="#date-state-(type=date)" title=attr-input-type-date>Date</a>,</span>
+ <span title=""><a href="#month-state-(type=month)" title=attr-input-type-month>Month</a>,</span>
+ <span title=""><a href="#week-state-(type=week)" title=attr-input-type-week>Week</a>,</span>
+ <span title=""><a href="#time-state-(type=time)" title=attr-input-type-time>Time</a></span>
+ <th> <span title=""><a href="#local-date-and-time-state-(type=datetime-local)" title=attr-input-type-datetime-local>Local Date and Time</a></span>
+ <th> <span title=""><a href="#number-state-(type=number)" title=attr-input-type-number>Number</a></span>
+ <th> <span title=""><a href="#range-state-(type=range)" title=attr-input-type-range>Range</a></span>
+ <th> <span title=""><a href="#color-state-(type=color)" title=attr-input-type-color>Color</a></span>
+ <th> <span title=""><a href="#checkbox-state-(type=checkbox)" title=attr-input-type-checkbox>Checkbox</a>,</span>
+ <span title=""><a href="#radio-button-state-(type=radio)" title=attr-input-type-radio>Radio Button</a></span>
+ <th> <span title=""><a href="#file-upload-state-(type=file)" title=attr-input-type-file>File Upload</a></span>
+ <th> <span title=""><a href="#submit-button-state-(type=submit)" title=attr-input-type-submit>Submit Button</a></span>
+ <th> <span title=""><a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a></span>
+ <th> <span title=""><a href="#reset-button-state-(type=reset)" title=attr-input-type-reset>Reset Button</a>,</span>
+ <span title=""><a href="#button-state-(type=button)" title=attr-input-type-button>Button</a></span>
<tbody><tr><th colspan=16 scope=rowgroup>Content attributes
@@ -43525,7 +43525,7 @@
point -->
<p class=note>The <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute can also in
- some cases (e.g. for the <a href=#date-state title=attr-input-type-date>Date</a> state, but not the <a href=#checkbox-state title=attr-input-type-checkbox>Checkbox</a> state) make an
+ some cases (e.g. for the <a href="#date-state-(type=date)" title=attr-input-type-date>Date</a> state, but not the <a href="#checkbox-state-(type=checkbox)" title=attr-input-type-checkbox>Checkbox</a> state) make an
<code><a href=#the-input-element>input</a></code> element <i title=concept-input-immutable><a href=#concept-input-immutable>immutable</a></i>.</p>
<p>The <a href=#concept-node-clone-ext title=concept-node-clone-ext>cloning steps</a> for
@@ -43583,7 +43583,7 @@
<p>The <dfn id=dom-input-indeterminate title=dom-input-indeterminate><code>indeterminate</code></dfn> IDL
attribute must initially be set to false. On getting, it must return
the last value it was set to. On setting, it must be set to the new
- value. It has no effect except for changing the appearance of <a href=#checkbox-state title=attr-input-type-checkbox>checkbox</a> controls.</p>
+ value. It has no effect except for changing the appearance of <a href="#checkbox-state-(type=checkbox)" title=attr-input-type-checkbox>checkbox</a> controls.</p>
<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
@@ -43609,7 +43609,7 @@
pixels, if an image is <i title=input-img-available><a href=#input-img-available>available</a></i>
but not being rendered to a visual medium; or else 0, if no image is
<i title=input-img-available><a href=#input-img-available>available</a></i>. When the
- <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is not in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state, then no
+ <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is not in the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state, then no
image is <i title=input-img-available><a href=#input-img-available>available</a></i>. <a href=#refsCSS>[CSS]</a></p>
<p>On setting, they must act as if they <a href=#reflect title=reflect>reflected</a> the respective content attributes
@@ -43634,11 +43634,11 @@
<h5 id=states-of-the-type-attribute><span class=secno>4.10.7.1 </span>States of the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute</h5>
- <h6 id=hidden-state><span class=secno>4.10.7.1.1 </span><dfn title=attr-input-type-hidden>Hidden</dfn> state</h6>
+ <h6 id="hidden-state-(type=hidden)"><span class=secno>4.10.7.1.1 </span><dfn title=attr-input-type-hidden>Hidden</dfn> state (<code title="">type=hidden</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state, the rules in
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> state, the rules in
this section apply.</p>
</div>
@@ -43650,7 +43650,7 @@
<p><strong>Constraint validation</strong>: If an <code><a href=#the-input-element>input</a></code>
element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in
- the <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state, it is
+ the <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> state, it is
<a href=#barred-from-constraint-validation>barred from constraint validation</a>.</p>
</div>
@@ -43715,7 +43715,7 @@
</div>
- <h6 id=text-state-and-search-state><span class=secno>4.10.7.1.2 </span><dfn title=attr-input-type-text>Text</dfn> state and <dfn title=attr-input-type-search>Search</dfn> state</h6>
+ <h6 id="text-(type=text)-state-and-search-state-(type=search)"><span class=secno>4.10.7.1.2 </span><dfn title=attr-input-type-text>Text</dfn> (<code title="">type=text</code>) state and <dfn title=attr-input-type-search>Search</dfn> state (<code title="">type=search</code>)</h6>
<!-- v2 idea: applying input masks to <input>, e.g. for entering
data with slashes and dashes (ack Greg Kilwein)
@@ -43723,7 +43723,7 @@
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in 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, the rules in
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a> state or the <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-search>Search</a> state, the rules in
this section apply.</p>
</div>
@@ -43731,9 +43731,9 @@
<p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a one line
plain text edit control for the element's <a href=#concept-fe-value title=concept-fe-value>value</a>.</p>
- <p class=note>The difference between the <a href=#text-state-and-search-state title=attr-input-type-text>Text</a> state and the <a href=#text-state-and-search-state title=attr-input-type-search>Search</a> state is primarily
+ <p class=note>The difference between the <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a> state and the <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-search>Search</a> state is primarily
stylistic: on platforms where search fields are distinguished from
- regular text fields, the <a href=#text-state-and-search-state title=attr-input-type-search>Search</a> state might result in
+ regular text fields, the <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-search>Search</a> state might result in
an appearance consistent with the platform's search fields rather
than appearing like a regular text field.</p>
@@ -43831,11 +43831,11 @@
</div>
- <h6 id=telephone-state><span class=secno>4.10.7.1.3 </span><dfn title=attr-input-type-tel>Telephone</dfn> state</h6>
+ <h6 id="telephone-state-(type=tel)"><span class=secno>4.10.7.1.3 </span><dfn title=attr-input-type-tel>Telephone</dfn> state (<code title="">type=tel</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#telephone-state title=attr-input-type-tel>Telephone</a> state, the rules in
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#telephone-state-(type=tel)" title=attr-input-type-tel>Telephone</a> state, the rules in
this section apply.</p>
</div>
@@ -43866,7 +43866,7 @@
</div>
- <p class=note>Unlike the <a href=#url-state title=attr-input-type-url>URL</a> and <a href=#e-mail-state title=attr-input-type-email>E-mail</a> types, the <a href=#telephone-state title=attr-input-type-tel>Telephone</a> type does not enforce a
+ <p class=note>Unlike the <a href="#url-state-(type=url)" title=attr-input-type-url>URL</a> and <a href="#e-mail-state-(type=email)" title=attr-input-type-email>E-mail</a> types, the <a href="#telephone-state-(type=tel)" title=attr-input-type-tel>Telephone</a> type does not enforce a
particular syntax. This is intentional; in practice, telephone
number fields tend to be free-form fields, because there are a wide
variety of valid phone numbers. Systems that need to enforce a
@@ -43930,11 +43930,11 @@
</div>
- <h6 id=url-state><span class=secno>4.10.7.1.4 </span><dfn title=attr-input-type-url>URL</dfn> state</h6>
+ <h6 id="url-state-(type=url)"><span class=secno>4.10.7.1.4 </span><dfn title=attr-input-type-url>URL</dfn> state (<code title="">type=url</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#url-state title=attr-input-type-url>URL</a> state, the rules in this
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#url-state-(type=url)" title=attr-input-type-url>URL</a> state, the rules in this
section apply.</p>
</div>
@@ -44073,16 +44073,16 @@
</div>
- <h6 id=e-mail-state><span class=secno>4.10.7.1.5 </span><dfn title=attr-input-type-email>E-mail</dfn> state</h6>
+ <h6 id="e-mail-state-(type=email)"><span class=secno>4.10.7.1.5 </span><dfn title=attr-input-type-email>E-mail</dfn> state (<code title="">type=email</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#e-mail-state title=attr-input-type-email>E-mail</a> state, the rules in this
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#e-mail-state-(type=email)" title=attr-input-type-email>E-mail</a> state, the rules in this
section apply.</p>
</div>
- <p>How the <a href=#e-mail-state title=attr-input-type-email>E-mail</a> state
+ <p>How the <a href="#e-mail-state-(type=email)" title=attr-input-type-email>E-mail</a> state
operates depends on whether the <code title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code> attribute is specified
or not.</p>
@@ -44307,11 +44307,11 @@
</div>
- <h6 id=password-state><span class=secno>4.10.7.1.6 </span><dfn title=attr-input-type-password>Password</dfn> state</h6>
+ <h6 id="password-state-(type=password)"><span class=secno>4.10.7.1.6 </span><dfn title=attr-input-type-password>Password</dfn> state (<code title="">type=password</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#password-state title=attr-input-type-password>Password</a> state, the rules in
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#password-state-(type=password)" title=attr-input-type-password>Password</a> state, the rules in
this section apply.</p>
</div>
@@ -44396,11 +44396,11 @@
</div>
- <h6 id=date-and-time-state><span class=secno>4.10.7.1.7 </span><dfn title=attr-input-type-datetime>Date and Time</dfn> state</h6>
+ <h6 id="date-and-time-state-(type=datetime)"><span class=secno>4.10.7.1.7 </span><dfn title=attr-input-type-datetime>Date and Time</dfn> state (<code title="">type=datetime</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#date-and-time-state title=attr-input-type-datetime>Date and Time</a> state, the
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#date-and-time-state-(type=datetime)" title=attr-input-type-datetime>Date and Time</a> state, the
rules in this section apply.</p>
</div>
@@ -44506,7 +44506,7 @@
<div class=note id=only-contemporary-times>
- <p>The <a href=#date-and-time-state title=attr-input-type-datetime>Date and Time</a>
+ <p>The <a href="#date-and-time-state-(type=datetime)" title=attr-input-type-datetime>Date and Time</a>
state (and other date- and time-related states described in
subsequent sections) is not intended for the entry of values for
which a precise date and time relative to the contemporary calendar
@@ -44516,7 +44516,7 @@
BCE".</p>
<p>For the input of dates before the introduction of the Gregorian
- calendar, authors are encouraged to not use the <a href=#date-and-time-state title=attr-input-type-datetime>Date and Time</a> state (and
+ calendar, authors are encouraged to not use the <a href="#date-and-time-state-(type=datetime)" title=attr-input-type-datetime>Date and Time</a> state (and
the other date- and time-related states described in subsequent
sections), as user agents are not required to support converting
dates and times from earlier periods to the Gregorian calendar, and
@@ -44526,7 +44526,7 @@
countries, ranging from partway through the 16th century all the
way to early in the 20th.) Instead, authors are encouraged to
provide fine-grained input controls using the <code><a href=#the-select-element>select</a></code>
- element and <code><a href=#the-input-element>input</a></code> elements with the <a href=#number-state title=attr-input-type-number>Number</a> state.</p>
+ element and <code><a href=#the-input-element>input</a></code> elements with the <a href="#number-state-(type=number)" title=attr-input-type-number>Number</a> state.</p>
</div>
@@ -44600,18 +44600,18 @@
<p><label>Meeting time: <input type=datetime name="meeting.start"></label>
</fieldset></pre>
- <p>Had the application used the <code title=attr-input-type-datetime-local><a href=#local-date-and-time-state>datetime-local</a></code> type
+ <p>Had the application used the <code title=attr-input-type-datetime-local><a href="#local-date-and-time-state-(type=datetime-local)">datetime-local</a></code> type
instead, the calendar application would have also had to explicitly
determine which time zone the user intended.</p>
</div>
- <h6 id=date-state><span class=secno>4.10.7.1.8 </span><dfn title=attr-input-type-date>Date</dfn> state</h6>
+ <h6 id="date-state-(type=date)"><span class=secno>4.10.7.1.8 </span><dfn title=attr-input-type-date>Date</dfn> state (<code title="">type=date</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#date-state title=attr-input-type-date>Date</a> state, the rules in this
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#date-state-(type=date)" title=attr-input-type-date>Date</a> state, the rules in this
section apply.</p>
</div>
@@ -44705,7 +44705,7 @@
</div>
<p class=note>See <a href=#only-contemporary-times>the note on
- historical dates</a> in the <a href=#date-and-time-state title=attr-input-type-datetime>Date and Time</a> state
+ historical dates</a> in the <a href="#date-and-time-state-(type=datetime)" title=attr-input-type-datetime>Date and Time</a> state
section.</p>
<div class=bookkeeping>
@@ -44763,11 +44763,11 @@
</div>
- <h6 id=month-state><span class=secno>4.10.7.1.9 </span><dfn title=attr-input-type-month>Month</dfn> state</h6>
+ <h6 id="month-state-(type=month)"><span class=secno>4.10.7.1.9 </span><dfn title=attr-input-type-month>Month</dfn> state (<code title="">type=month</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#month-state title=attr-input-type-month>Month</a> state, the rules in this
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#month-state-(type=month)" title=attr-input-type-month>Month</a> state, the rules in this
section apply.</p>
</div>
@@ -44916,11 +44916,11 @@
</div>
- <h6 id=week-state><span class=secno>4.10.7.1.10 </span><dfn title=attr-input-type-week>Week</dfn> state</h6>
+ <h6 id="week-state-(type=week)"><span class=secno>4.10.7.1.10 </span><dfn title=attr-input-type-week>Week</dfn> state (<code title="">type=week</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#week-state title=attr-input-type-week>Week</a> state, the rules in this
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#week-state-(type=week)" title=attr-input-type-week>Week</a> state, the rules in this
section apply.</p>
</div>
@@ -45070,7 +45070,7 @@
</div>
- <h6 id=time-state><span class=secno>4.10.7.1.11 </span><dfn title=attr-input-type-time>Time</dfn> state</h6>
+ <h6 id="time-state-(type=time)"><span class=secno>4.10.7.1.11 </span><dfn title=attr-input-type-time>Time</dfn> state (<code title="">type=time</code>)</h6>
<!-- v2: allow min="" and max="" to be set such that the range
crosses midnight, as in <input type=time min="23:00" max="02:00">
@@ -45078,7 +45078,7 @@
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#time-state title=attr-input-type-time>Time</a> state, the rules in this
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#time-state-(type=time)" title=attr-input-type-time>Time</a> state, the rules in this
section apply.</p>
</div>
@@ -45221,11 +45221,11 @@
</div>
- <h6 id=local-date-and-time-state><span class=secno>4.10.7.1.12 </span><dfn title=attr-input-type-datetime-local>Local Date and Time</dfn> state</h6>
+ <h6 id="local-date-and-time-state-(type=datetime-local)"><span class=secno>4.10.7.1.12 </span><dfn title=attr-input-type-datetime-local>Local Date and Time</dfn> state (<code title="">type=datetime-local</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#local-date-and-time-state title=attr-input-type-datetime-local>Local Date and Time</a>
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#local-date-and-time-state-(type=datetime-local)" title=attr-input-type-datetime-local>Local Date and Time</a>
state, the rules in this section apply.</p>
</div>
@@ -45312,7 +45312,7 @@
</div>
<p class=note>See <a href=#only-contemporary-times>the note on
- historical dates</a> in the <a href=#date-and-time-state title=attr-input-type-datetime>Date and Time</a> state
+ historical dates</a> in the <a href="#date-and-time-state-(type=datetime)" title=attr-input-type-datetime>Date and Time</a> state
section.</p>
<div class=bookkeeping>
@@ -45375,7 +45375,7 @@
<p>The following example shows part of a flight booking
application. The application uses an <code><a href=#the-input-element>input</a></code> element
with its <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute set to
- <code title=attr-input-type-datetime-local><a href=#local-date-and-time-state>datetime-local</a></code>,
+ <code title=attr-input-type-datetime-local><a href="#local-date-and-time-state-(type=datetime-local)">datetime-local</a></code>,
and it then interprets the given date and time in the time zone of
the selected airport.</p>
@@ -45392,18 +45392,18 @@
<option value=FRA label="Frankfurt">
</datalist></pre>
- <p>If the application instead used the <code title=attr-input-type-datetime><a href=#date-and-time-state>datetime</a></code> type, then the
+ <p>If the application instead used the <code title=attr-input-type-datetime><a href="#date-and-time-state-(type=datetime)">datetime</a></code> type, then the
user would have to work out the time-zone conversions himself,
which is clearly not a good user experience!</p>
</div>
- <h6 id=number-state><span class=secno>4.10.7.1.13 </span><dfn title=attr-input-type-number>Number</dfn> state</h6>
+ <h6 id="number-state-(type=number)"><span class=secno>4.10.7.1.13 </span><dfn title=attr-input-type-number>Number</dfn> state (<code title="">type=number</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#number-state title=attr-input-type-number>Number</a> state, the rules in
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#number-state-(type=number)" title=attr-input-type-number>Number</a> state, the rules in
this section apply.</p>
</div>
@@ -45543,11 +45543,11 @@
</div>
- <h6 id=range-state><span class=secno>4.10.7.1.14 </span><dfn title=attr-input-type-range>Range</dfn> state</h6>
+ <h6 id="range-state-(type=range)"><span class=secno>4.10.7.1.14 </span><dfn title=attr-input-type-range>Range</dfn> state (<code title="">type=range</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#range-state title=attr-input-type-range>Range</a> state, the rules in this
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#range-state-(type=range)" title=attr-input-type-range>Range</a> state, the rules in this
section apply.</p>
</div>
@@ -45555,7 +45555,7 @@
<p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a control
for setting the element's <a href=#concept-fe-value title=concept-fe-value>value</a> to a string representing a
number, but with the caveat that the exact value is not important,
- letting UAs provide a simpler interface than they do for the <a href=#number-state title=attr-input-type-number>Number</a> state.</p>
+ letting UAs provide a simpler interface than they do for the <a href="#number-state-(type=number)" title=attr-input-type-number>Number</a> state.</p>
<div class=impl>
@@ -45772,11 +45772,11 @@
- <h6 id=color-state><span class=secno>4.10.7.1.15 </span><dfn title=attr-input-type-color>Color</dfn> state</h6>
+ <h6 id="color-state-(type=color)"><span class=secno>4.10.7.1.15 </span><dfn title=attr-input-type-color>Color</dfn> state (<code title="">type=color</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#color-state title=attr-input-type-color>Color</a> state, the rules in this
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#color-state-(type=color)" title=attr-input-type-color>Color</a> state, the rules in this
section apply.</p>
</div>
@@ -45874,11 +45874,11 @@
</div>
- <h6 id=checkbox-state><span class=secno>4.10.7.1.16 </span><dfn title=attr-input-type-checkbox>Checkbox</dfn> state</h6>
+ <h6 id="checkbox-state-(type=checkbox)"><span class=secno>4.10.7.1.16 </span><dfn title=attr-input-type-checkbox>Checkbox</dfn> state (<code title="">type=checkbox</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#checkbox-state title=attr-input-type-checkbox>Checkbox</a> state, the rules in
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#checkbox-state-(type=checkbox)" title=attr-input-type-checkbox>Checkbox</a> state, the rules in
this section apply.</p>
</div>
@@ -45922,7 +45922,7 @@
<dd>
- <p>When set, overrides the rendering of <a href=#checkbox-state title=attr-input-type-checkbox>checkbox</a> controls so that
+ <p>When set, overrides the rendering of <a href="#checkbox-state-(type=checkbox)" title=attr-input-type-checkbox>checkbox</a> controls so that
the current value is not visible.</p>
</dd>
@@ -45986,11 +45986,11 @@
- <h6 id=radio-button-state><span class=secno>4.10.7.1.17 </span><dfn title=attr-input-type-radio>Radio Button</dfn> state</h6>
+ <h6 id="radio-button-state-(type=radio)"><span class=secno>4.10.7.1.17 </span><dfn title=attr-input-type-radio>Radio Button</dfn> state (<code title="">type=radio</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#radio-button-state title=attr-input-type-radio>Radio Button</a> state, the rules
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#radio-button-state-(type=radio)" title=attr-input-type-radio>Radio Button</a> state, the rules
in this section apply.</p>
</div>
@@ -46009,7 +46009,7 @@
the other <code><a href=#the-input-element>input</a></code> elements <var title="">b</var> that
fulfill all of the following conditions:</p>
- <ul><li>The <code><a href=#the-input-element>input</a></code> element <var title="">b</var>'s <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#radio-button-state title=attr-input-type-radio>Radio Button</a> state.</li>
+ <ul><li>The <code><a href=#the-input-element>input</a></code> element <var title="">b</var>'s <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#radio-button-state-(type=radio)" title=attr-input-type-radio>Radio Button</a> state.</li>
<li>Either <var title="">a</var> and <var title="">b</var> have the
same <a href=#form-owner>form owner</a>, or they both have no <a href=#form-owner>form
@@ -46122,7 +46122,7 @@
- <h6 id=file-upload-state><span class=secno>4.10.7.1.18 </span><dfn title=attr-input-type-file>File Upload</dfn> state</h6>
+ <h6 id="file-upload-state-(type=file)"><span class=secno>4.10.7.1.18 </span><dfn title=attr-input-type-file>File Upload</dfn> state (<code title="">type=file</code>)</h6>
<!-- v2 ideas:
* maximum height/width or required ratio for image uploads? - Leons Petrazickis
@@ -46131,7 +46131,7 @@
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <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, the rules in this
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#file-upload-state-(type=file)" title=attr-input-type-file>File Upload</a> state, the rules in this
section apply.</p>
</div>
@@ -46318,11 +46318,11 @@
- <h6 id=submit-button-state><span class=secno>4.10.7.1.19 </span><dfn title=attr-input-type-submit>Submit Button</dfn> state</h6>
+ <h6 id="submit-button-state-(type=submit)"><span class=secno>4.10.7.1.19 </span><dfn title=attr-input-type-submit>Submit Button</dfn> state (<code title="">type=submit</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#submit-button-state title=attr-input-type-submit>Submit Button</a> state, the rules
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#submit-button-state-(type=submit)" title=attr-input-type-submit>Submit Button</a> state, the rules
in this section apply.</p>
</div>
@@ -46409,11 +46409,11 @@
</div>
- <h6 id=image-button-state><span class=secno>4.10.7.1.20 </span><dfn title=attr-input-type-image>Image Button</dfn> state</h6>
+ <h6 id="image-button-state-(type=image)"><span class=secno>4.10.7.1.20 </span><dfn title=attr-input-type-image>Image Button</dfn> state (<code title="">type=image</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state, the rules
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state, the rules
in this section apply.</p>
</div>
@@ -46448,15 +46448,15 @@
sensitive -->
<ul><li>The <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is first set to the
- <a href=#image-button-state title=attr-input-type-image>Image Button</a> state
+ <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state
(possibly when the element is first created), and the <code title=attr-input-src><a href=#attr-input-src>src</a></code> attribute is present.</li>
<li>The <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is changed back to
- the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state,
+ the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state,
and the <code title=attr-input-src><a href=#attr-input-src>src</a></code> attribute is
- present, and its value has changed since the last time the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute was in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state.</li>
+ present, and its value has changed since the last time the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute was in the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state.</li>
- <li>The <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state, and the
+ <li>The <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state, and the
<code title=attr-input-src><a href=#attr-input-src>src</a></code> attribute is set or
changed.</li>
@@ -46661,11 +46661,11 @@
- <h6 id=reset-button-state><span class=secno>4.10.7.1.21 </span><dfn title=attr-input-type-reset>Reset Button</dfn> state</h6>
+ <h6 id="reset-button-state-(type=reset)"><span class=secno>4.10.7.1.21 </span><dfn title=attr-input-type-reset>Reset Button</dfn> state (<code title="">type=reset</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#reset-button-state title=attr-input-type-reset>Reset Button</a> state, the rules
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#reset-button-state-(type=reset)" title=attr-input-type-reset>Reset Button</a> state, the rules
in this section apply.</p>
</div>
@@ -46743,11 +46743,11 @@
</div>
- <h6 id=button-state><span class=secno>4.10.7.1.22 </span><dfn title=attr-input-type-button>Button</dfn> state</h6>
+ <h6 id="button-state-(type=button)"><span class=secno>4.10.7.1.22 </span><dfn title=attr-input-type-button>Button</dfn> state (<code title="">type=button</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#button-state title=attr-input-type-button>Button</a> state, the rules in
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#button-state-(type=button)" title=attr-input-type-button>Button</a> state, the rules in
this section apply.</p>
</div>
@@ -47929,14 +47929,14 @@
element.</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
+ action would be a <a href="#file-upload-state-(type=file)" title=attr-input-type-file>File
Upload</a> control that consists of a single button that brings
up a file selection dialog: when the dialog is closed, if that the
<a href=#concept-input-type-file-selected title=concept-input-type-file-selected>file selection</a>
changed as a result, then the user has committed a new <a href=#concept-input-type-file-selected title=concept-input-type-file-selected>file selection</a>.</p>
<p class=example>Another example of a user interface with a commit
- action would be a <a href=#date-state title=attr-input-type-date>Date</a>
+ action would be a <a href="#date-state-(type=date)" title=attr-input-type-date>Date</a>
control that allows both text-based user input and user selection
from a drop-down calendar: while text input might not have an
explicit commit step, selecting a date from the drop down calendar
@@ -50610,7 +50610,7 @@
<dl><dt><dfn id=attr-fe-name-isindex title=attr-fe-name-isindex><code>isindex</code></dfn></dt>
<dd>
- <p>This value, if used as the name of a <a href=#text-state-and-search-state title=attr-input-type-text>Text</a> control that is the first
+ <p>This value, if used as the name of a <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a> control that is the first
control in a form that is submitted using the <code title=attr-fs-enctype-urlencoded><a href=#attr-fs-enctype-urlencoded>application/x-www-form-urlencoded</a></code>
mechanism, causes the submission to only include the value of this
control, with no name.</p>
@@ -50618,7 +50618,7 @@
<dt><dfn id=attr-fe-name-charset title=attr-fe-name-charset><code>_charset_</code></dfn></dt>
<dd>
- <p>This value, if used as the name of a <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> control with no <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute, is automatically
+ <p>This value, if used as the name of a <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> control with no <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute, is automatically
given a value during submission consisting of the submission
character encoding.</p>
</dd>
@@ -50799,7 +50799,7 @@
on <code><a href=#the-form-element>form</a></code> elements and on <a href=#concept-submit-button title=concept-submit-button>submit buttons</a> (elements that
represent buttons that submit forms, e.g. 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=#submit-button-state title=attr-input-type-submit>Submit Button</a>
+ in the <a href="#submit-button-state-(type=submit)" title=attr-input-type-submit>Submit Button</a>
state).
<p>The <a href=#attributes-for-form-submission>attributes for form submission</a> that may be
@@ -51223,7 +51223,7 @@
<dd> <p>When a control that allows arbitrary user
input has a <a href=#concept-fe-value title=concept-fe-value>value</a> that is not
- in the correct syntax (<a href=#e-mail-state title=attr-input-type-email>E-mail</a>, <a href=#url-state title=attr-input-type-url>URL</a>). </dd>
+ in the correct syntax (<a href="#e-mail-state-(type=email)" title=attr-input-type-email>E-mail</a>, <a href="#url-state-(type=url)" title=attr-input-type-url>URL</a>). </dd>
<dt> <dfn id=suffering-from-a-pattern-mismatch>Suffering from a pattern mismatch</dfn> </dt>
@@ -52033,17 +52033,17 @@
<li>The <var title="">field</var> element is a <a href=#concept-button title=concept-button>button</a> but it is not <var title="">submitter</var>.</li>
<li>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=#checkbox-state title=attr-input-type-checkbox>Checkbox</a> state and
+ <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="#checkbox-state-(type=checkbox)" title=attr-input-type-checkbox>Checkbox</a> state and
whose <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> is
false.</li>
<li>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=#radio-button-state title=attr-input-type-radio>Radio Button</a> state and
+ <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="#radio-button-state-(type=radio)" title=attr-input-type-radio>Radio Button</a> state and
whose <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> is
false.</li>
<li>The <var title="">field</var> element is not 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=#image-button-state title=attr-input-type-image>Image Button</a> state, and
+ <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="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state, and
either the <var title="">field</var> element does not have a
<code title=attr-fe-name><a href=#attr-fe-name>name</a></code> attribute specified, or
its <code title=attr-fe-name><a href=#attr-fe-name>name</a></code> attribute's value is
@@ -52063,7 +52063,7 @@
<li>
<p>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=#image-button-state title=attr-input-type-image>Image Button</a> state,
+ <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="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state,
then run these further nested substeps:</p>
<ol><li><p>If the <var title="">field</var> element has a <code title=attr-fe-name><a href=#attr-fe-name>name</a></code> attribute specified and its
@@ -52113,8 +52113,8 @@
<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=#checkbox-state title=attr-input-type-checkbox>Checkbox</a> state or the
- <a href=#radio-button-state title=attr-input-type-radio>Radio Button</a> state,
+ <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="#checkbox-state-(type=checkbox)" title=attr-input-type-checkbox>Checkbox</a> state or the
+ <a href="#radio-button-state-(type=radio)" title=attr-input-type-radio>Radio Button</a> state,
then run these further nested substeps:</p>
<ol><li><p>If the <var title="">field</var> element has a <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute specified, then
@@ -52129,7 +52129,7 @@
</ol></li>
<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
+ <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-(type=file)" 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 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
@@ -52171,8 +52171,8 @@
<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>
+ either the <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a> state
+ or the <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-search>Search</a>
state.</p>
</li>
@@ -53678,12 +53678,12 @@
<h5 id=using-the-input-element-to-define-a-command><span class=secno>4.11.5.3 </span><dfn title=input-command>Using the <code>input</code> element to define a command</dfn></h5>
- <p>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 one of the <a href=#submit-button-state title=attr-input-type-submit>Submit Button</a>, <a href=#reset-button-state title=attr-input-type-reset>Reset Button</a>, <a href=#image-button-state title=attr-input-type-image>Image Button</a>, <a href=#button-state title=attr-input-type-button>Button</a>, <a href=#radio-button-state title=attr-input-type-radio>Radio Button</a>, or <a href=#checkbox-state title=attr-input-type-checkbox>Checkbox</a> states <a href=#concept-command title=concept-command>defines a command</a>.</p>
+ <p>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 one of the <a href="#submit-button-state-(type=submit)" title=attr-input-type-submit>Submit Button</a>, <a href="#reset-button-state-(type=reset)" title=attr-input-type-reset>Reset Button</a>, <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a>, <a href="#button-state-(type=button)" title=attr-input-type-button>Button</a>, <a href="#radio-button-state-(type=radio)" title=attr-input-type-radio>Radio Button</a>, or <a href="#checkbox-state-(type=checkbox)" title=attr-input-type-checkbox>Checkbox</a> states <a href=#concept-command title=concept-command>defines a command</a>.</p>
<p>The <a href=#command-facet-type title=command-facet-Type>Type</a> of the command
is "radio" if the <code title=attr-input-type><a href=#attr-input-type>type</a></code>
- attribute is in the <code title=attr-input-type-radio><a href=#radio-button-state>Radio
- Button</a></code> state, "checkbox" if the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <code title=attr-input-type-checkbox><a href=#checkbox-state>Checkbox</a></code> state, and
+ attribute is in the <code title=attr-input-type-radio><a href="#radio-button-state-(type=radio)">Radio
+ Button</a></code> state, "checkbox" if the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <code title=attr-input-type-checkbox><a href="#checkbox-state-(type=checkbox)">Checkbox</a></code> state, and
"command" otherwise.</p>
<p>The <a href=#command-facet-id title=command-facet-ID>ID</a> of the command is
@@ -53715,7 +53715,7 @@
string.</p>
<p>If the element's <code title=attr-input-type><a href=#attr-input-type>type</a></code>
- attribute is in the <a href=#image-button-state title=attr-input-type-image>Image
+ attribute is in the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image
Button</a> state, and the element has a <code title=attr-img-src><a href=#attr-img-src>src</a></code> attribute, and that attribute's
value can be successfully <a href=#resolve-a-url title="resolve a
url">resolved</a> relative to the element, then the <a href=#command-facet-icon title=command-facet-Icon>Icon</a> of the command is the
@@ -56110,7 +56110,7 @@
<li><code><a href=#the-button-element>button</a></code> elements that are not <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a></li>
- <li><code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#submit-button-state title=attr-input-type-submit>Submit Button</a>, <a href=#image-button-state title=attr-input-type-image>Image Button</a>, <a href=#reset-button-state title=attr-input-type-reset>Reset Button</a>, or <a href=#button-state title=attr-input-type-button>Button</a> state</li>
+ <li><code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#submit-button-state-(type=submit)" title=attr-input-type-submit>Submit Button</a>, <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a>, <a href="#reset-button-state-(type=reset)" title=attr-input-type-reset>Reset Button</a>, or <a href="#button-state-(type=button)" title=attr-input-type-button>Button</a> state</li>
<li><code><a href=#the-command-element>command</a></code> elements that do not have a <code title=attr-command-disabled><a href=#attr-command-disabled>disabled</a></code> attribute</li>
@@ -56162,7 +56162,7 @@
<li><code><a href=#the-button-element>button</a></code> elements that are not <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a></li>
<li><code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute are not in the
- <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state and that
+ <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> state and that
are not <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a></li>
<li><code><a href=#the-select-element>select</a></code> elements that are not <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a></li>
@@ -56197,7 +56197,7 @@
<ul><li><code><a href=#the-button-element>button</a></code> elements that are <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a></li>
<li><code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute are not in the
- <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state and that
+ <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> state and that
are <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a></li>
<li><code><a href=#the-select-element>select</a></code> elements that are <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a></li>
@@ -56229,11 +56229,11 @@
must match any element falling into one of the following
categories:</p>
- <ul><li><code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#checkbox-state title=attr-input-type-checkbox>Checkbox</a> state and whose
+ <ul><li><code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#checkbox-state-(type=checkbox)" title=attr-input-type-checkbox>Checkbox</a> state and whose
<a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> state is
true</li>
- <li><code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#radio-button-state title=attr-input-type-radio>Radio Button</a> state and whose
+ <li><code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#radio-button-state-(type=radio)" title=attr-input-type-radio>Radio Button</a> state and whose
<a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> state is
true</li>
@@ -56261,7 +56261,7 @@
pseudo-class must match any element falling into one of the
following categories:</p>
- <ul><li><code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#checkbox-state title=attr-input-type-checkbox>Checkbox</a> state and whose
+ <ul><li><code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#checkbox-state-(type=checkbox)" title=attr-input-type-checkbox>Checkbox</a> state and whose
<code title=dom-input-indeterminate><a href=#dom-input-indeterminate>indeterminate</a></code> IDL
attribute is set to true</li>
@@ -56281,7 +56281,7 @@
<ul><li><code><a href=#the-button-element>button</a></code> elements that are their form's
<a href=#default-button>default button</a></li>
- <li><code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#submit-button-state title=attr-input-type-submit>Submit Button</a> or <a href=#image-button-state title=attr-input-type-image>Image Button</a> state, and that
+ <li><code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#submit-button-state-(type=submit)" title=attr-input-type-submit>Submit Button</a> or <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state, and that
are their form's <a href=#default-button>default button</a></li>
<li><code><a href=#the-input-element>input</a></code> elements to which the <code title=attr-input-checked><a href=#attr-input-checked>checked</a></code> attribute applies and
@@ -64408,7 +64408,7 @@
<!-- see similar paragraphs in the textarea and input sections -->
<p class=note>This can even include updating the <code title=attr-dir><a href=#the-dir-attribute>dir</a></code> attribute of <code><a href=#the-textarea-element>textarea</a></code>
elements or <code><a href=#the-input-element>input</a></code> elements 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, if the
+ <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a> state or the <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-search>Search</a> state, if the
persisted state includes the directionality of user input in such
controls.</p>
@@ -70629,7 +70629,7 @@
<li><code><a href=#the-button-element>button</a></code> elements that are not <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a></li>
<li><code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute are not in the
- <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state and that
+ <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> state and that
are not <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a></li>
<li><code><a href=#the-select-element>select</a></code> elements that are not <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a></li>
@@ -71366,7 +71366,7 @@
<ul><li>The value of <code><a href=#the-input-element>input</a></code> elements to which the <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute applies,
whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attributes are not
- in the <a href=#password-state title=attr-input-type-password>Password</a>
+ in the <a href="#password-state-(type=password)" title=attr-input-type-password>Password</a>
state, and that are not <i title=concept-input-immutable><a href=#concept-input-immutable>immutable</a></i> (i.e. that do not
have the <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code>
attribute specified and that are not <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a>).</li>
@@ -73116,7 +73116,7 @@
<dl class=switch><dt>If the <a href=#current-target-element>current target element</a> is a text
field (e.g. <code><a href=#the-textarea-element>textarea</a></code>, 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 the <a href=#text-state-and-search-state title=attr-input-type-text>Text</a> state) or an
+ attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a> state) or an
<a href=#editing-host>editing host</a> or <a href=#editable>editable</a> element,
and the <a href=#drag-data-store-item-list>drag data store item list</a> has an item
with <a href=#the-drag-data-item-type-string>the drag data item type string</a>
@@ -73181,7 +73181,7 @@
<dl class=switch><dt>If the <a href=#current-target-element>current target element</a> is a text field
(e.g. <code><a href=#the-textarea-element>textarea</a></code>, 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
- the <a href=#text-state-and-search-state title=attr-input-type-text>Text</a> state) or an
+ the <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a> state) or an
<a href=#editing-host>editing host</a> or <a href=#editable>editable</a> element, and
the <a href=#drag-data-store-item-list>drag data store item list</a> has an item with
<a href=#the-drag-data-item-type-string>the drag data item type string</a>
@@ -73317,7 +73317,7 @@
<dl class=switch><dt>If the <a href=#current-target-element>current target element</a> is a text
field (e.g. <code><a href=#the-textarea-element>textarea</a></code>, 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 the <a href=#text-state-and-search-state title=attr-input-type-text>Text</a> state) or an
+ attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a> state) or an
<a href=#editing-host>editing host</a> or <a href=#editable>editable</a> element,
and the <a href=#drag-data-store-item-list>drag data store item list</a> has an item
with <a href=#the-drag-data-item-type-string>the drag data item type string</a>
@@ -73359,7 +73359,7 @@
<a href=#current-target-element>current target element</a> is a text field (e.g.
<code><a href=#the-textarea-element>textarea</a></code>, 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 the
- <a href=#text-state-and-search-state title=attr-input-type-text>Text</a> state), and the
+ <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a> state), and the
<a href=#current-drag-operation>current drag operation</a> is "<code title="">move</code>", and the source of the drag-and-drop
operation is a selection in the DOM</dt>
@@ -73370,7 +73370,7 @@
<a href=#current-target-element>current target element</a> is a text field (e.g.
<code><a href=#the-textarea-element>textarea</a></code>, 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 the
- <a href=#text-state-and-search-state title=attr-input-type-text>Text</a> state), and the
+ <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a> state), and the
<a href=#current-drag-operation>current drag operation</a> is "<code title="">move</code>", and the source of the drag-and-drop
operation is a selection in a text field</dt>
@@ -90569,13 +90569,13 @@
<p>When an <code><a href=#the-img-element>img</a></code> element or an <code><a href=#the-input-element>input</a></code> element
when its <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in
- the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state
+ the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state
<a href=#represents>represents</a> an image, it is expected to be treated as a
replaced element.</p>
<p>When an <code><a href=#the-img-element>img</a></code> element or an <code><a href=#the-input-element>input</a></code> element
when its <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in
- the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state
+ the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state
does not <a href=#represents title=represents>represent</a> an image, but the
element already has intrinsic dimensions (e.g. from the
<a href=#dimension-attributes>dimension attributes</a> or CSS rules), and either the user
@@ -90606,7 +90606,7 @@
<!-- there's also a should requirement for this case in the <img>
section itself -->
- <p>When 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=#image-button-state title=attr-input-type-image>Image Button</a> state does not
+ <p>When 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="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state does not
<a href=#represents title=represents>represent</a> an image and the user
agent does not expect this to change, the element is expected to be
treated as a replaced element consisting of a button whose content
@@ -90696,7 +90696,7 @@
<p>When an <code><a href=#the-applet-element>applet</a></code>, <code><a href=#the-embed-element>embed</a></code>,
<code><a href=#the-iframe-element>iframe</a></code>, <code><a href=#the-img-element>img</a></code>, or <code><a href=#the-object-element>object</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 the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state, has an
+ 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 the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state, has an
<code title=attr-dim-align>align</code> attribute whose value is
an <a href=#ascii-case-insensitive>ASCII case-insensitive</a> match for the string "<code title="">center</code>" or the string "<code title="">middle</code>", the user agent is expected to act as if the
element's 'vertical-align' property was set to a value that aligns
@@ -90706,19 +90706,19 @@
<p>The <code title=attr-dim-hspace>hspace</code> attribute of
<code><a href=#the-applet-element>applet</a></code>, <code><a href=#the-embed-element>embed</a></code>, <code><a href=#the-iframe-element>iframe</a></code>,
<code><a href=#the-img-element>img</a></code>, or <code><a href=#the-object-element>object</a></code> elements, and
- <code><a href=#the-input-element>input</a></code> elements with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state, <a href=#maps-to-the-dimension-property title="maps to the dimension property">maps to the dimension
+ <code><a href=#the-input-element>input</a></code> elements with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state, <a href=#maps-to-the-dimension-property title="maps to the dimension property">maps to the dimension
properties</a> 'margin-left' and 'margin-right' on the
element.</p>
<p>The <code title=attr-dim-vspace>vspace</code> attribute of
<code><a href=#the-applet-element>applet</a></code>, <code><a href=#the-embed-element>embed</a></code>, <code><a href=#the-iframe-element>iframe</a></code>,
<code><a href=#the-img-element>img</a></code>, or <code><a href=#the-object-element>object</a></code> elements, and
- <code><a href=#the-input-element>input</a></code> elements with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state, <a href=#maps-to-the-dimension-property title="maps to the dimension property">maps to the dimension
+ <code><a href=#the-input-element>input</a></code> elements with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state, <a href=#maps-to-the-dimension-property title="maps to the dimension property">maps to the dimension
properties</a> 'margin-top' and 'margin-bottom' on the
element.</p>
<p>When an <code><a href=#the-img-element>img</a></code> element, <code><a href=#the-object-element>object</a></code> element, or
- <code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state is contained
+ <code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state is contained
within a <a href=#hyperlink>hyperlink</a> and has a <code title=attr-dim-border>border</code> attribute whose value, when
parsed using the <a href=#rules-for-parsing-non-negative-integers>rules for parsing non-negative
integers</a>, is found to be a number greater than zero, the user
@@ -90734,7 +90734,7 @@
and <code title=attr-dim-height><a href=#attr-dim-height>height</a></code> attributes on
<code><a href=#the-applet-element>applet</a></code>, <code><a href=#the-embed-element>embed</a></code>, <code><a href=#the-iframe-element>iframe</a></code>,
<code><a href=#the-img-element>img</a></code>, <code><a href=#the-object-element>object</a></code> or <code><a href=#the-video-element>video</a></code>
- elements, and <code><a href=#the-input-element>input</a></code> elements with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state, <a href=#maps-to-the-dimension-property title="maps to the dimension property">map to the dimension
+ elements, and <code><a href=#the-input-element>input</a></code> elements with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state, <a href=#maps-to-the-dimension-property title="maps to the dimension property">map to the dimension
properties</a> 'width' and 'height' on the element
respectively.</p>
@@ -90872,12 +90872,12 @@
/* later rules override this for other values of type="" */</pre>
<p>When the <i title="">input-textfield</i> binding applies to 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=#text-state-and-search-state title=attr-input-type-text>Text</a>, <a href=#text-state-and-search-state title=attr-input-type-search>Search</a>, <a href=#telephone-state title=attr-input-type-tel>Telephone</a>, <a href=#url-state title=attr-input-type-url>URL</a>, or <a href=#e-mail-state title=attr-input-type-email>E-mail</a> state, the element is
+ <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="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a>, <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-search>Search</a>, <a href="#telephone-state-(type=tel)" title=attr-input-type-tel>Telephone</a>, <a href="#url-state-(type=url)" title=attr-input-type-url>URL</a>, or <a href="#e-mail-state-(type=email)" title=attr-input-type-email>E-mail</a> state, the element is
expected to render as an 'inline-block' box rendered as a text
field.</p>
<p>When the <i title="">input-password</i> binding applies, to 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=#password-state title=attr-input-type-password>Password</a> state, the element
+ <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="#password-state-(type=password)" title=attr-input-type-password>Password</a> state, the element
is expected to render as an 'inline-block' box rendered as a text
field whose contents are obscured.</p>
@@ -90923,37 +90923,37 @@
input[type=number i] { binding: <i title="">input-number</i>; }</pre>
<p>When the <i title="">input-datetime</i> binding applies to 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=#date-and-time-state title=attr-input-type-datetime>Date and Time</a> state, the
+ <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="#date-and-time-state-(type=datetime)" title=attr-input-type-datetime>Date and Time</a> state, the
element is expected to render as an 'inline-block' box depicting a
Date and Time control.</p>
<p>When the <i title="">input-date</i> binding applies to 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=#date-state title=attr-input-type-date>Date</a> state, the element is
+ <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="#date-state-(type=date)" title=attr-input-type-date>Date</a> state, the element is
expected to render as an 'inline-block' box depicting a Date
control.</p>
<p>When the <i title="">input-month</i> binding applies to 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=#month-state title=attr-input-type-month>Month</a> state, the element is
+ <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="#month-state-(type=month)" title=attr-input-type-month>Month</a> state, the element is
expected to render as an 'inline-block' box depicting a Month
control.</p>
<p>When the <i title="">input-week</i> binding applies to 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=#week-state title=attr-input-type-week>Week</a> state, the element is
+ <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="#week-state-(type=week)" title=attr-input-type-week>Week</a> state, the element is
expected to render as an 'inline-block' box depicting a Week
control.</p>
<p>When the <i title="">input-time</i> binding applies to 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=#time-state title=attr-input-type-time>Time</a> state, the element is
+ <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="#time-state-(type=time)" title=attr-input-type-time>Time</a> state, the element is
expected to render as an 'inline-block' box depicting a Time
control.</p>
<p>When the <i title="">input-datetime-local</i> binding applies to 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=#local-date-and-time-state title=attr-input-type-datetime-local>Local Date and Time</a>
+ <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="#local-date-and-time-state-(type=datetime-local)" title=attr-input-type-datetime-local>Local Date and Time</a>
state, the element is expected to render as an 'inline-block' box
depicting a Local Date and Time control.</p>
<p>When the <i title="">input-number</i> binding applies to 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=#number-state title=attr-input-type-number>Number</a> state, the element is
+ <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="#number-state-(type=number)" title=attr-input-type-number>Number</a> state, the element is
expected to render as an 'inline-block' box depicting a Number
control.</p>
@@ -90972,7 +90972,7 @@
input[type=range i] { binding: <i title="">input-range</i>; }</pre>
<p>When the <i title="">input-range</i> binding applies to 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=#range-state title=attr-input-type-range>Range</a> state, the element is
+ <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="#range-state-(type=range)" title=attr-input-type-range>Range</a> state, the element is
expected to render as an 'inline-block' box depicting a slider
control.</p>
@@ -90998,7 +90998,7 @@
input[type=color i] { binding: <i title="">input-color</i>; }</pre>
<p>When the <i title="">input-color</i> binding applies to 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=#color-state title=attr-input-type-color>Color</a> state, the element is
+ <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="#color-state-(type=color)" title=attr-input-type-color>Color</a> state, the element is
expected to render as an 'inline-block' box depicting a color well,
which, when activated, provides the user with a color picker (e.g. a
color wheel or color palette) from which the color can be
@@ -91021,12 +91021,12 @@
input[type=radio i] { binding: <i title="">input-radio</i>; }</pre>
<p>When the <i title="">input-checkbox</i> binding applies to 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=#checkbox-state title=attr-input-type-checkbox>Checkbox</a> state, the element
+ <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="#checkbox-state-(type=checkbox)" title=attr-input-type-checkbox>Checkbox</a> state, the element
is expected to render as an 'inline-block' box containing a single
checkbox control, with no label.</p>
<p>When the <i title="">input-radio</i> binding applies to 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=#radio-button-state title=attr-input-type-radio>Radio Button</a> state, the element
+ <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="#radio-button-state-(type=radio)" title=attr-input-type-radio>Radio Button</a> state, the element
is expected to render as an 'inline-block' box containing a single
radio button control, with no label.</p>
@@ -91042,7 +91042,7 @@
input[type=file i] { binding: <i title="">input-file</i>; }</pre>
<p>When the <i title="">input-file</i> binding applies to 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, the element
+ <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-(type=file)" title=attr-input-type-file>File Upload</a> state, the element
is expected to render as an 'inline-block' box containing a span of
text giving the filename(s) of the <a href=#concept-input-type-file-selected title=concept-input-type-file-selected>selected files</a>, if
any, followed by a button that, when activated, provides the user
@@ -91062,7 +91062,7 @@
}</pre>
<p>When the <i title="">input-button</i> binding applies to 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=#submit-button-state title=attr-input-type-submit>Submit Button</a>, <a href=#reset-button-state title=attr-input-type-reset>Reset Button</a>, or <a href=#button-state title=attr-input-type-button>Button</a> state, the element is
+ <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="#submit-button-state-(type=submit)" title=attr-input-type-submit>Submit Button</a>, <a href="#reset-button-state-(type=reset)" title=attr-input-type-reset>Reset Button</a>, or <a href="#button-state-(type=button)" title=attr-input-type-button>Button</a> state, the element is
expected to render as an 'inline-block' box rendered as a button,
about one line high, containing the contents of the element's <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute, if any, or text
derived from the element's <code title=attr-input-type><a href=#attr-input-type>type</a></code>
@@ -91988,7 +91988,7 @@
<p>Authors should not, but may despite requirements to the contrary
elsewhere in this specification, specify the <code title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code> and <code title=attr-input-size><a href=#attr-input-size>size</a></code> attributes on <code><a href=#the-input-element>input</a></code>
elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attributes
- are in the <a href=#number-state title=attr-input-type-number>Number</a> state.
+ are in the <a href="#number-state-(type=number)" title=attr-input-type-number>Number</a> state.
One valid reason for using these attributes regardless is to help
legacy user agents that do not support <code><a href=#the-input-element>input</a></code> elements
with <code title="">type="number"</code> to still render the text
@@ -92032,10 +92032,10 @@
empty string.</li>
<li><p>The presence of a <code title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code> attribute on 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=#number-state title=attr-input-type-number>Number</a> state.</li>
+ <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="#number-state-(type=number)" title=attr-input-type-number>Number</a> state.</li>
<li><p>The presence of a <code title=attr-input-size><a href=#attr-input-size>size</a></code> attribute on 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=#number-state title=attr-input-type-number>Number</a> state.</li>
+ <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="#number-state-(type=number)" title=attr-input-type-number>Number</a> state.</li>
</ul><p>Conformance checkers must distinguish between pages that have no
conformance errors and have none of these obsolete features, and
@@ -92071,7 +92071,7 @@
<dd><p>Either use <code><a href=#the-iframe-element>iframe</a></code> and CSS instead, or use server-side includes to generate complete pages with the various invariant parts merged in.</dd>
<dt><dfn id=isindex-0><code>isindex</code></dfn></dt>
- <dd><p>Use an explicit <code><a href=#the-form-element>form</a></code> and <a href=#text-state-and-search-state title=attr-input-type-text>text field</a> combination instead.</dd>
+ <dd><p>Use an explicit <code><a href=#the-form-element>form</a></code> and <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>text field</a> combination instead.</dd>
<dt><dfn id=listing><code>listing</code></dfn></dt>
<dd><p>Use <code><a href=#the-pre-element>pre</a></code> and <code><a href=#the-code-element>code</a></code> instead.</dd>
@@ -95509,7 +95509,7 @@
<td>
<code><a href=#the-audio-element>audio</a></code> (if the <code title=attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute is present);
<code><a href=#the-img-element>img</a></code> (if the <code title=attr-hyperlink-usemap><a href=#attr-hyperlink-usemap>usemap</a></code> attribute is present);
- <code><a href=#the-input-element>input</a></code> (if the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state);
+ <code><a href=#the-input-element>input</a></code> (if the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> state);
<code><a href=#the-menu-element>menu</a></code> (if the <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#toolbar-state title="toolbar state">toolbar</a> state);
<code><a href=#the-object-element>object</a></code> (if the <code title=attr-hyperlink-usemap><a href=#attr-hyperlink-usemap>usemap</a></code> attribute is present)<!-- see also comment in <object> section -->;
<code><a href=#the-video-element>video</a></code> (if the <code title=attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute is present)
@@ -95659,7 +95659,7 @@
<td>
<code><a href=#the-audio-element>audio</a></code> (if the <code title=attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute is present);
<code><a href=#the-dl-element>dl</a></code> (if the element's children include at least one name-value group);
- <code><a href=#the-input-element>input</a></code> (if the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state);
+ <code><a href=#the-input-element>input</a></code> (if the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> state);
<code><a href=#the-menu-element>menu</a></code> (if the <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#toolbar-state title="toolbar state">toolbar</a> state or the <a href=#list-state title="list state">list</a> state);
<code><a href=#the-ol-element>ol</a></code> (if the element's children include at least one <code><a href=#the-li-element>li</a></code> element);
<code><a href=#the-ul-element>ul</a></code> (if the element's children include at least one <code><a href=#the-li-element>li</a></code> element);
@@ -95676,7 +95676,7 @@
<th> Value
<tbody><tr><th> <code title="">accept</code>
<td> <code title=attr-input-accept><a href=#attr-input-accept>input</a></code>
- <td> Hint for expected file type in <a href=#file-upload-state title=attr-input-type-file>file upload controls</a>
+ <td> Hint for expected file type in <a href="#file-upload-state-(type=file)" title=attr-input-type-file>file upload controls</a>
<td> <a href=#set-of-comma-separated-tokens>Set of comma-separated tokens</a>* consisting of <a href=#valid-mime-type title="valid MIME type">valid MIME types with no parameters</a> or <code title="">audio/*</code>, <code title="">video/*</code>, or <code title="">image/*</code>
<tr><th> <code title="">accept-charset</code>
<td> <code title=attr-form-accept-charset><a href=#attr-form-accept-charset>form</a></code>
@@ -98042,6 +98042,7 @@
Jens Fendler,
Jens Lindström,
Jens Meiert,
+ Jeremey Hustman,
Jeremy Keith,
Jeremy Orlow,
Jeroen van der Meer,
Modified: index
===================================================================
--- index 2011-12-16 20:55:37 UTC (rev 6877)
+++ index 2011-12-16 23:24:03 UTC (rev 6878)
@@ -660,28 +660,28 @@
<ol>
<li><a href=#states-of-the-type-attribute><span class=secno>4.10.7.1 </span>States of the <code title=attr-input-type>type</code> attribute</a>
<ol>
- <li><a href=#hidden-state><span class=secno>4.10.7.1.1 </span>Hidden state</a></li>
- <li><a href=#text-state-and-search-state><span class=secno>4.10.7.1.2 </span>Text state and Search state</a></li>
- <li><a href=#telephone-state><span class=secno>4.10.7.1.3 </span>Telephone state</a></li>
- <li><a href=#url-state><span class=secno>4.10.7.1.4 </span>URL state</a></li>
- <li><a href=#e-mail-state><span class=secno>4.10.7.1.5 </span>E-mail state</a></li>
- <li><a href=#password-state><span class=secno>4.10.7.1.6 </span>Password state</a></li>
- <li><a href=#date-and-time-state><span class=secno>4.10.7.1.7 </span>Date and Time state</a></li>
- <li><a href=#date-state><span class=secno>4.10.7.1.8 </span>Date state</a></li>
- <li><a href=#month-state><span class=secno>4.10.7.1.9 </span>Month state</a></li>
- <li><a href=#week-state><span class=secno>4.10.7.1.10 </span>Week state</a></li>
- <li><a href=#time-state><span class=secno>4.10.7.1.11 </span>Time state</a></li>
- <li><a href=#local-date-and-time-state><span class=secno>4.10.7.1.12 </span>Local Date and Time state</a></li>
- <li><a href=#number-state><span class=secno>4.10.7.1.13 </span>Number state</a></li>
- <li><a href=#range-state><span class=secno>4.10.7.1.14 </span>Range state</a></li>
- <li><a href=#color-state><span class=secno>4.10.7.1.15 </span>Color state</a></li>
- <li><a href=#checkbox-state><span class=secno>4.10.7.1.16 </span>Checkbox state</a></li>
- <li><a href=#radio-button-state><span class=secno>4.10.7.1.17 </span>Radio Button state</a></li>
- <li><a href=#file-upload-state><span class=secno>4.10.7.1.18 </span>File Upload state</a></li>
- <li><a href=#submit-button-state><span class=secno>4.10.7.1.19 </span>Submit Button state</a></li>
- <li><a href=#image-button-state><span class=secno>4.10.7.1.20 </span>Image Button state</a></li>
- <li><a href=#reset-button-state><span class=secno>4.10.7.1.21 </span>Reset Button state</a></li>
- <li><a href=#button-state><span class=secno>4.10.7.1.22 </span>Button state</a></ol></li>
+ <li><a href="#hidden-state-(type=hidden)"><span class=secno>4.10.7.1.1 </span>Hidden state (<code title="">type=hidden</code>)</a></li>
+ <li><a href="#text-(type=text)-state-and-search-state-(type=search)"><span class=secno>4.10.7.1.2 </span>Text (<code title="">type=text</code>) state and Search state (<code title="">type=search</code>)</a></li>
+ <li><a href="#telephone-state-(type=tel)"><span class=secno>4.10.7.1.3 </span>Telephone state (<code title="">type=tel</code>)</a></li>
+ <li><a href="#url-state-(type=url)"><span class=secno>4.10.7.1.4 </span>URL state (<code title="">type=url</code>)</a></li>
+ <li><a href="#e-mail-state-(type=email)"><span class=secno>4.10.7.1.5 </span>E-mail state (<code title="">type=email</code>)</a></li>
+ <li><a href="#password-state-(type=password)"><span class=secno>4.10.7.1.6 </span>Password state (<code title="">type=password</code>)</a></li>
+ <li><a href="#date-and-time-state-(type=datetime)"><span class=secno>4.10.7.1.7 </span>Date and Time state (<code title="">type=datetime</code>)</a></li>
+ <li><a href="#date-state-(type=date)"><span class=secno>4.10.7.1.8 </span>Date state (<code title="">type=date</code>)</a></li>
+ <li><a href="#month-state-(type=month)"><span class=secno>4.10.7.1.9 </span>Month state (<code title="">type=month</code>)</a></li>
+ <li><a href="#week-state-(type=week)"><span class=secno>4.10.7.1.10 </span>Week state (<code title="">type=week</code>)</a></li>
+ <li><a href="#time-state-(type=time)"><span class=secno>4.10.7.1.11 </span>Time state (<code title="">type=time</code>)</a></li>
+ <li><a href="#local-date-and-time-state-(type=datetime-local)"><span class=secno>4.10.7.1.12 </span>Local Date and Time state (<code title="">type=datetime-local</code>)</a></li>
+ <li><a href="#number-state-(type=number)"><span class=secno>4.10.7.1.13 </span>Number state (<code title="">type=number</code>)</a></li>
+ <li><a href="#range-state-(type=range)"><span class=secno>4.10.7.1.14 </span>Range state (<code title="">type=range</code>)</a></li>
+ <li><a href="#color-state-(type=color)"><span class=secno>4.10.7.1.15 </span>Color state (<code title="">type=color</code>)</a></li>
+ <li><a href="#checkbox-state-(type=checkbox)"><span class=secno>4.10.7.1.16 </span>Checkbox state (<code title="">type=checkbox</code>)</a></li>
+ <li><a href="#radio-button-state-(type=radio)"><span class=secno>4.10.7.1.17 </span>Radio Button state (<code title="">type=radio</code>)</a></li>
+ <li><a href="#file-upload-state-(type=file)"><span class=secno>4.10.7.1.18 </span>File Upload state (<code title="">type=file</code>)</a></li>
+ <li><a href="#submit-button-state-(type=submit)"><span class=secno>4.10.7.1.19 </span>Submit Button state (<code title="">type=submit</code>)</a></li>
+ <li><a href="#image-button-state-(type=image)"><span class=secno>4.10.7.1.20 </span>Image Button state (<code title="">type=image</code>)</a></li>
+ <li><a href="#reset-button-state-(type=reset)"><span class=secno>4.10.7.1.21 </span>Reset Button state (<code title="">type=reset</code>)</a></li>
+ <li><a href="#button-state-(type=button)"><span class=secno>4.10.7.1.22 </span>Button state (<code title="">type=button</code>)</a></ol></li>
<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>
@@ -9026,7 +9026,7 @@
<a href=#tree-order>tree order</a> represented by the
<code><a href=#radionodelist>RadioNodeList</a></code> object that 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=#radio-button-state title=attr-input-type-radio>Radio Button</a>
+ is in the <a href="#radio-button-state-(type=radio)" title=attr-input-type-radio>Radio Button</a>
state and whose <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a>
is true. Otherwise, let it be null.</li>
@@ -9044,7 +9044,7 @@
<a href=#tree-order>tree order</a> represented by the
<code><a href=#radionodelist>RadioNodeList</a></code> object that 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=#radio-button-state title=attr-input-type-radio>Radio Button</a>
+ is in the <a href="#radio-button-state-(type=radio)" title=attr-input-type-radio>Radio Button</a>
state and whose <code title=attr-input-value><a href=#attr-input-value>value</a></code> content
attribute is present and equal to the new value, if any. Otherwise,
let it be null.</li>
@@ -11369,7 +11369,7 @@
<dd><p><a href=#the-directionality>The directionality</a> of the element is '<a href=#concept-rtl title=concept-rtl>rtl</a>'.</dd>
- <dt>If the 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=#text-state-and-search-state title=attr-input-type-text>Text</a>, <a href=#text-state-and-search-state title=attr-input-type-search>Search</a>, <a href=#telephone-state title=attr-input-type-tel>Telephone</a>, <a href=#url-state title=attr-input-type-url>URL</a>, or <a href=#e-mail-state title=attr-input-type-email>E-mail</a> state, and the <code title=attr-dir><a href=#the-dir-attribute>dir</a></code> attribute is in the <a href=#attr-dir-auto-state title=attr-dir-auto-state>auto</a> state</dt>
+ <dt>If the 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="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a>, <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-search>Search</a>, <a href="#telephone-state-(type=tel)" title=attr-input-type-tel>Telephone</a>, <a href="#url-state-(type=url)" title=attr-input-type-url>URL</a>, or <a href="#e-mail-state-(type=email)" title=attr-input-type-email>E-mail</a> state, and the <code title=attr-dir><a href=#the-dir-attribute>dir</a></code> attribute is in the <a href=#attr-dir-auto-state title=attr-dir-auto-state>auto</a> state</dt>
<dt>If the element is a <code><a href=#the-textarea-element>textarea</a></code> element and the <code title=attr-dir><a href=#the-dir-attribute>dir</a></code> attribute is in the <a href=#attr-dir-auto-state title=attr-dir-auto-state>auto</a> state</dt>
@@ -12316,7 +12316,7 @@
<li><code><a href=#the-embed-element>embed</a></code></li>
<li><code><a href=#the-iframe-element>iframe</a></code></li>
<li><code><a href=#the-img-element>img</a></code> (if the <code title=attr-hyperlink-usemap><a href=#attr-hyperlink-usemap>usemap</a></code> attribute is present)</li>
- <li><code><a href=#the-input-element>input</a></code> (if the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state)</li>
+ <li><code><a href=#the-input-element>input</a></code> (if the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> state)</li>
<li><code><a href=#the-keygen-element>keygen</a></code></li>
<li><code><a href=#the-label-element>label</a></code></li>
<li><code><a href=#the-menu-element>menu</a></code> (if the <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#toolbar-state title="toolbar state">toolbar</a> state)</li>
@@ -12509,7 +12509,7 @@
<li><code><a href=#the-i-element>i</a></code></li>
<li><code><a href=#the-iframe-element>iframe</a></code></li>
<li><code><a href=#the-img-element>img</a></code></li>
- <li><code><a href=#the-input-element>input</a></code> (if the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state)</li>
+ <li><code><a href=#the-input-element>input</a></code> (if the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> state)</li>
<li><code><a href=#the-ins-element>ins</a></code></li>
<li><code><a href=#the-kbd-element>kbd</a></code></li>
<li><code><a href=#the-keygen-element>keygen</a></code></li>
@@ -12996,70 +12996,70 @@
<tr><td><code><a href=#the-img-element>img</a></code> element whose <code title=attr-img-alt><a href=#attr-img-alt>alt</a></code> attribute's value is empty
<td><code title=attr-aria-role-presentation>presentation</code> role
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#checkbox-state title=attr-input-type-checkbox>Checkbox</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#checkbox-state-(type=checkbox)" title=attr-input-type-checkbox>Checkbox</a> state
<td><code title=attr-aria-checked>aria-checked</code> state set to "mixed" if the element's <code title=dom-input-indeterminate><a href=#dom-input-indeterminate>indeterminate</a></code> IDL attribute is true, or "true" if the element's <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> is true, or "false" otherwise
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#color-state title=attr-input-type-color>Color</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#color-state-(type=color)" title=attr-input-type-color>Color</a> state
<td><a href=#concept-role-none title=concept-role-none>No role</a>
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#date-state title=attr-input-type-date>Date</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#date-state-(type=date)" title=attr-input-type-date>Date</a> state
<td><a href=#concept-role-none title=concept-role-none>No role</a>, with the <code title=title-aria-readonly>aria-readonly</code> property set to "true" if the element has a <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#date-and-time-state title=attr-input-type-datetime>Date and Time</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#date-and-time-state-(type=datetime)" title=attr-input-type-datetime>Date and Time</a> state
<td><a href=#concept-role-none title=concept-role-none>No role</a>, with the <code title=title-aria-readonly>aria-readonly</code> property set to "true" if the element has a <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#local-date-and-time-state title=attr-input-type-datetime-local>Local Date and Time</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#local-date-and-time-state-(type=datetime-local)" title=attr-input-type-datetime-local>Local Date and Time</a> state
<td><a href=#concept-role-none title=concept-role-none>No role</a>, with the <code title=title-aria-readonly>aria-readonly</code> property set to "true" if the element has a <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#e-mail-state title=attr-input-type-email>E-mail</a> state with no <a href=#concept-input-list title=concept-input-list>suggestions source element</a>
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#e-mail-state-(type=email)" title=attr-input-type-email>E-mail</a> state with no <a href=#concept-input-list title=concept-input-list>suggestions source element</a>
<td><code title=attr-aria-role-textbox>textbox</code> role, with the <code title=title-aria-readonly>aria-readonly</code> property set to "true" if the element has a <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#file-upload-state title=attr-input-type-file>File Upload</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#file-upload-state-(type=file)" title=attr-input-type-file>File Upload</a> state
<td><a href=#concept-role-none title=concept-role-none>No role</a>
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> state
<td><a href=#concept-role-none title=concept-role-none>No role</a>
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#month-state title=attr-input-type-month>Month</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#month-state-(type=month)" title=attr-input-type-month>Month</a> state
<td><a href=#concept-role-none title=concept-role-none>No role</a>, with the <code title=title-aria-readonly>aria-readonly</code> property set to "true" if the element has a <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#number-state title=attr-input-type-number>Number</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#number-state-(type=number)" title=attr-input-type-number>Number</a> state
<td><code title=attr-aria-role-spinbutton>spinbutton</code> role, with the <code title=title-aria-readonly>aria-readonly</code> property set to "true" if the element has a <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute, the <code title=attr-aria-valuemax>aria-valuemax</code> property set to the element's <a href=#concept-input-max title=concept-input-max>maximum</a>, the <code title=attr-aria-valuemin>aria-valuemin</code> property set to the element's <a href=#concept-input-min title=concept-input-min>minimum</a>, and, if the result of applying the <a href=#rules-for-parsing-floating-point-number-values>rules for parsing floating point number values</a> to the element's <a href=#concept-fe-value title=concept-fe-value>value</a> is a number, with the <code title=attr-aria-valuenow>aria-valuenow</code> property set to that number
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#password-state title=attr-input-type-password>Password</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#password-state-(type=password)" title=attr-input-type-password>Password</a> state
<td><code title=attr-aria-role-textbox>textbox</code> role, with the <code title=title-aria-readonly>aria-readonly</code> property set to "true" if the element has a <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#radio-button-state title=attr-input-type-radio>Radio Button</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#radio-button-state-(type=radio)" title=attr-input-type-radio>Radio Button</a> state
<td><code title=attr-aria-checked>aria-checked</code> state set to "true" if the element's <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> is true, or "false" otherwise
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#range-state title=attr-input-type-range>Range</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#range-state-(type=range)" title=attr-input-type-range>Range</a> state
<td><code title=attr-aria-role-slider>slider</code> role, with the <code title=attr-aria-valuemax>aria-valuemax</code> property set to the element's <a href=#concept-input-max title=concept-input-max>maximum</a>, the <code title=attr-aria-valuemin>aria-valuemin</code> property set to the element's <a href=#concept-input-min title=concept-input-min>minimum</a>, and the <code title=attr-aria-valuenow>aria-valuenow</code> property set to the result of applying the <a href=#rules-for-parsing-floating-point-number-values>rules for parsing floating point number values</a> to the element's <a href=#concept-fe-value title=concept-fe-value>value</a>, if that results in a number, or the <a href=#concept-input-value-default-range title=concept-input-value-default-range>default value</a> otherwise
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#reset-button-state title=attr-input-type-reset>Reset Button</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#reset-button-state-(type=reset)" title=attr-input-type-reset>Reset Button</a> state
<td><code title=attr-aria-role-button>button</code> role
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#text-state-and-search-state title=attr-input-type-search>Search</a> state with no <a href=#concept-input-list title=concept-input-list>suggestions source element</a>
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-search>Search</a> state with no <a href=#concept-input-list title=concept-input-list>suggestions source element</a>
<td><code title=attr-aria-role-textbox>textbox</code> role, with the <code title=title-aria-readonly>aria-readonly</code> property set to "true" if the element has a <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#submit-button-state title=attr-input-type-submit>Submit Button</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#submit-button-state-(type=submit)" title=attr-input-type-submit>Submit Button</a> state
<td><code title=attr-aria-role-button>button</code> role
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#telephone-state title=attr-input-type-tel>Telephone</a> state with no <a href=#concept-input-list title=concept-input-list>suggestions source element</a>
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#telephone-state-(type=tel)" title=attr-input-type-tel>Telephone</a> state with no <a href=#concept-input-list title=concept-input-list>suggestions source element</a>
<td><code title=attr-aria-role-textbox>textbox</code> role, with the <code title=title-aria-readonly>aria-readonly</code> property set to "true" if the element has a <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#text-state-and-search-state title=attr-input-type-text>Text</a> state with no <a href=#concept-input-list title=concept-input-list>suggestions source element</a>
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a> state with no <a href=#concept-input-list title=concept-input-list>suggestions source element</a>
<td><code title=attr-aria-role-textbox>textbox</code> role, with the <code title=title-aria-readonly>aria-readonly</code> property set to "true" if the element has a <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#text-state-and-search-state title=attr-input-type-text>Text</a>, <a href=#text-state-and-search-state title=attr-input-type-search>Search</a>, <a href=#telephone-state title=attr-input-type-tel>Telephone</a>, <a href=#url-state title=attr-input-type-url>URL</a>, or <a href=#e-mail-state title=attr-input-type-email>E-mail</a> states with a <a href=#concept-input-list title=concept-input-list>suggestions source element</a>
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a>, <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-search>Search</a>, <a href="#telephone-state-(type=tel)" title=attr-input-type-tel>Telephone</a>, <a href="#url-state-(type=url)" title=attr-input-type-url>URL</a>, or <a href="#e-mail-state-(type=email)" title=attr-input-type-email>E-mail</a> states with a <a href=#concept-input-list title=concept-input-list>suggestions source element</a>
<td><code title=attr-aria-role-combobox>combobox</code> role, with the <code title=attr-aria-owns>aria-owns</code> property set to the same value as the <code title=attr-input-list><a href=#attr-input-list>list</a></code> attribute, and the <code title=title-aria-readonly>aria-readonly</code> property set to "true" if the element has a <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#time-state title=attr-input-type-time>Time</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#time-state-(type=time)" title=attr-input-type-time>Time</a> state
<td><a href=#concept-role-none title=concept-role-none>No role</a>, with the <code title=title-aria-readonly>aria-readonly</code> property set to "true" if the element has a <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#url-state title=attr-input-type-url>URL</a> state with no <a href=#concept-input-list title=concept-input-list>suggestions source element</a>
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#url-state-(type=url)" title=attr-input-type-url>URL</a> state with no <a href=#concept-input-list title=concept-input-list>suggestions source element</a>
<td><code title=attr-aria-role-textbox>textbox</code> role, with the <code title=title-aria-readonly>aria-readonly</code> property set to "true" if the element has a <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#week-state title=attr-input-type-week>Week</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#week-state-(type=week)" title=attr-input-type-week>Week</a> state
<td><a href=#concept-role-none title=concept-role-none>No role</a>, with the <code title=title-aria-readonly>aria-readonly</code> property set to "true" if the element has a <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute
<tr><td><code><a href=#the-input-element>input</a></code> element that is <a href=#concept-input-required title=concept-input-required>required</a>
@@ -13247,19 +13247,19 @@
<td><code title=attr-aria-role-img>img</code> role
<td>No restrictions
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#button-state title=attr-input-type-button>Button</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#button-state-(type=button)" title=attr-input-type-button>Button</a> state
<td><code title=attr-aria-role-button>button</code> role
<td>Role must be either <code title=attr-aria-role-button>button</code>, <code title=attr-aria-role-link>link</code><!--!-->, <code title=attr-aria-role-menuitem>menuitem</code>, <code title=attr-aria-role-menuitemcheckbox>menuitemcheckbox</code><!--!-->, <code title=attr-aria-role-menuitemradio>menuitemradio</code><!--!-->, <code title=attr-aria-role-radio>radio</code><!--!-->
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#checkbox-state title=attr-input-type-checkbox>Checkbox</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#checkbox-state-(type=checkbox)" title=attr-input-type-checkbox>Checkbox</a> state
<td><code title=attr-aria-role-checkbox>checkbox</code> role
<td>Role must be either <code title=attr-aria-role-checkbox>checkbox</code> or <code title=attr-aria-role-menuitemcheckbox>menuitemcheckbox</code>
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state
<td><code title=attr-aria-role-button>button</code> role
<td>Role must be either <code title=attr-aria-role-button>button</code>, <code title=attr-aria-role-link>link</code><!--!-->, <code title=attr-aria-role-menuitem>menuitem</code>, <code title=attr-aria-role-menuitemcheckbox>menuitemcheckbox</code><!--!-->, <code title=attr-aria-role-menuitemradio>menuitemradio</code><!--!-->, <code title=attr-aria-role-radio>radio</code><!--!-->
- <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#radio-button-state title=attr-input-type-radio>Radio Button</a> state
+ <tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#radio-button-state-(type=radio)" title=attr-input-type-radio>Radio Button</a> state
<td><code title=attr-aria-role-radio>radio</code> role
<td>Role must be either <code title=attr-aria-role-radio>radio</code> or <code title=attr-aria-role-menuitemradio>menuitemradio</code>
@@ -34118,7 +34118,7 @@
<dt>Content model:</dt>
<dd><a href=#transparent>Transparent</a><!--
--><!--FORK--><!--
--->, but with no <a href=#interactive-content>interactive content</a> descendants except for <code><a href=#the-a-element>a</a></code> elements, <code><a href=#the-button-element>button</a></code> elements, <code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute are in the <a href=#checkbox-state title=attr-input-type-checkbox>Checkbox</a> or <a href=#radio-button-state title=attr-input-type-radio>Radio Button</a> states, and <code><a href=#the-input-element>input</a></code> elements that are <a href=#concept-button title=concept-button>buttons</a><!--
+-->, but with no <a href=#interactive-content>interactive content</a> descendants except for <code><a href=#the-a-element>a</a></code> elements, <code><a href=#the-button-element>button</a></code> elements, <code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute are in the <a href="#checkbox-state-(type=checkbox)" title=attr-input-type-checkbox>Checkbox</a> or <a href="#radio-button-state-(type=radio)" title=attr-input-type-radio>Radio Button</a> states, and <code><a href=#the-input-element>input</a></code> elements that are <a href=#concept-button title=concept-button>buttons</a><!--
--><!--FORK--><!--
-->.</dd> <!-- and maybe <select>, I guess? I've left it in for now, since I guess authors might make accessible selects if they're simple enough, and it's not obvious how to distinguish the simple ones from the complex ones... -->
<dt>Content attributes:</dt>
@@ -38396,7 +38396,7 @@
<p><span class=impl><strong>Author requirements</strong>:</span>
The <dfn id=attr-dim-width title=attr-dim-width><code>width</code></dfn> and <dfn id=attr-dim-height title=attr-dim-height><code>height</code></dfn> attributes on
<code><a href=#the-img-element>img</a></code>, <code><a href=#the-iframe-element>iframe</a></code>, <code><a href=#the-embed-element>embed</a></code>,
- <code><a href=#the-object-element>object</a></code>, <code><a href=#the-video-element>video</a></code>, and, when their <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state,
+ <code><a href=#the-object-element>object</a></code>, <code><a href=#the-video-element>video</a></code>, and, when their <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state,
<code><a href=#the-input-element>input</a></code> elements may be specified to give the dimensions
of the visual content of the element (the width and height
respectively, relative to the nominal direction of the output
@@ -41151,7 +41151,7 @@
<p>To let the user select the size of the pizza, we can use a set of
radio buttons. Radio buttons also use the <code><a href=#the-input-element>input</a></code>
element, this time with a <code title=attr-input-type><a href=#attr-input-type>type</a></code>
- attribute with the value <code title=attr-input-type-radio><a href=#radio-button-state>radio</a></code>. To make the radio
+ attribute with the value <code title=attr-input-type-radio><a href="#radio-button-state-(type=radio)">radio</a></code>. To make the radio
buttons work as a group, they are given a common name using the
<code title=attr-fe-name><a href=#attr-fe-name>name</a></code> attribute. To group a batch
of controls together, such as, in this case, the radio buttons, one
@@ -41173,7 +41173,7 @@
<p class=note>Changes from the previous step are highlighted.</p>
<p>To pick toppings, we can use checkboxes. These use the
- <code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute with the value <code title=attr-input-type-checkbox><a href=#checkbox-state>checkbox</a></code>:</p>
+ <code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute with the value <code title=attr-input-type-checkbox><a href="#checkbox-state-(type=checkbox)">checkbox</a></code>:</p>
<pre><form>
<p><label>Customer name: <input></label></p>
@@ -41195,8 +41195,8 @@
<p>The pizzeria for which this form is being written is always
making mistakes, so it needs a way to contact the customer. For this
purpose, we can use form controls specifically for telephone numbers
- (<code><a href=#the-input-element>input</a></code> elements with their <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute set to <code title=attr-input-type-tel><a href=#telephone-state>tel</a></code>) and e-mail addresses
- (<code><a href=#the-input-element>input</a></code> elements with their <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute set to <code title=attr-input-type-email><a href=#e-mail-state>email</a></code>):</p>
+ (<code><a href=#the-input-element>input</a></code> elements with their <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute set to <code title=attr-input-type-tel><a href="#telephone-state-(type=tel)">tel</a></code>) and e-mail addresses
+ (<code><a href=#the-input-element>input</a></code> elements with their <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute set to <code title=attr-input-type-email><a href="#e-mail-state-(type=email)">email</a></code>):</p>
<pre><form>
<p><label>Customer name: <input></label></p>
@@ -41217,7 +41217,7 @@
</fieldset>
</form></pre>
- <p>We can use an <code><a href=#the-input-element>input</a></code> element with its <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute set to <code title=attr-input-type-time><a href=#time-state>time</a></code> to ask for a delivery
+ <p>We can use an <code><a href=#the-input-element>input</a></code> element with its <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute set to <code title=attr-input-type-time><a href="#time-state-(type=time)">time</a></code> to ask for a delivery
time. Many of these form controls have attributes to control exactly
what values can be specified; in this case, three attributes of
particular interest are <code title=attr-input-min><a href=#attr-input-min>min</a></code>,
@@ -41555,7 +41555,7 @@
<!-- when updating this also update the category index -->
<ul class="brief category-list"><li><code><a href=#the-button-element>button</a></code></li>
- <li><code><a href=#the-input-element>input</a></code> (if the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state)</li>
+ <li><code><a href=#the-input-element>input</a></code> (if the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> state)</li>
<li><code><a href=#the-keygen-element>keygen</a></code></li>
<li><code><a href=#the-meter-element>meter</a></code></li>
<li><code><a href=#the-output-element>output</a></code></li>
@@ -41735,7 +41735,7 @@
IDL attribute must return an <code><a href=#htmlformcontrolscollection>HTMLFormControlsCollection</a></code>
rooted at the <code><a href=#document>Document</a></code> node, whose filter matches <a href=#category-listed title=category-listed>listed elements</a> whose <a href=#form-owner>form
owner</a> is the <code><a href=#the-form-element>form</a></code> element, with the exception of
- <code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state, which must,
+ <code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state, which must,
for historical reasons, be excluded from this particular
collection.</p>
@@ -42241,10 +42241,10 @@
<dl class=element><dt>Categories</dt>
<dd><a href=#flow-content>Flow content</a>.</dd>
<dd><a href=#phrasing-content>Phrasing content</a>.</dd>
- <dd>If the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state: <a href=#interactive-content>Interactive content</a>.</dd>
- <dd>If the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state: <a href=#category-listed title=category-listed>Listed</a>, <a href=#category-label title=category-label>labelable</a>, <a href=#category-submit title=category-submit>submittable</a>, and <a href=#category-reset title=category-reset>resettable</a> <a href=#form-associated-element>form-associated element</a>.</dd>
- <dd>If the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state: <a href=#category-listed title=category-listed>Listed</a>, <a href=#category-submit title=category-submit>submittable</a>, and <a href=#category-reset title=category-reset>resettable</a> <a href=#form-associated-element>form-associated element</a>.</dd>
- <dd>If the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state: <a href=#palpable-content>Palpable content</a>.</dd>
+ <dd>If the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> state: <a href=#interactive-content>Interactive content</a>.</dd>
+ <dd>If the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> state: <a href=#category-listed title=category-listed>Listed</a>, <a href=#category-label title=category-label>labelable</a>, <a href=#category-submit title=category-submit>submittable</a>, and <a href=#category-reset title=category-reset>resettable</a> <a href=#form-associated-element>form-associated element</a>.</dd>
+ <dd>If the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> state: <a href=#category-listed title=category-listed>Listed</a>, <a href=#category-submit title=category-submit>submittable</a>, and <a href=#category-reset title=category-reset>resettable</a> <a href=#form-associated-element>form-associated element</a>.</dd>
+ <dd>If the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> state: <a href=#palpable-content>Palpable content</a>.</dd>
<dt>Contexts in which this element can be used:</dt>
<dd>Where <a href=#phrasing-content>phrasing content</a> is expected.</dd>
<dt>Content model:</dt>
@@ -42354,98 +42354,98 @@
<th> Data type
<th> Control type
<tbody><tr><td> <dfn id=attr-input-type-hidden-keyword title=attr-input-type-hidden-keyword><code>hidden</code></dfn>
- <td> <a href=#hidden-state title=attr-input-type-hidden>Hidden</a>
+ <td> <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a>
<td> An arbitrary string
<td> n/a
<tr><td> <dfn id=attr-input-type-text-keyword title=attr-input-type-text-keyword><code>text</code></dfn>
- <td> <a href=#text-state-and-search-state title=attr-input-type-text>Text</a>
+ <td> <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a>
<td> Text with no line breaks
<td> A text field
<tr><td> <dfn id=attr-input-type-search-keyword title=attr-input-type-search-keyword><code>search</code></dfn>
- <td> <a href=#text-state-and-search-state title=attr-input-type-search>Search</a>
+ <td> <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-search>Search</a>
<td> Text with no line breaks
<td> Search field
<tr><td> <dfn id=attr-input-type-tel-keyword title=attr-input-type-tel-keyword><code>tel</code></dfn>
- <td> <a href=#telephone-state title=attr-input-type-tel>Telephone</a>
+ <td> <a href="#telephone-state-(type=tel)" title=attr-input-type-tel>Telephone</a>
<td> Text with no line breaks
<td> A text field
<tr><td> <dfn id=attr-input-type-url-keyword title=attr-input-type-url-keyword><code>url</code></dfn>
- <td> <a href=#url-state title=attr-input-type-url>URL</a>
+ <td> <a href="#url-state-(type=url)" title=attr-input-type-url>URL</a>
<td> An absolute IRI
<td> A text field
<tr><td> <dfn id=attr-input-type-email-keyword title=attr-input-type-email-keyword><code>email</code></dfn>
- <td> <a href=#e-mail-state title=attr-input-type-email>E-mail</a>
+ <td> <a href="#e-mail-state-(type=email)" title=attr-input-type-email>E-mail</a>
<td> An e-mail address or list of e-mail addresses
<td> A text field
<tr><td> <dfn id=attr-input-type-password-keyword title=attr-input-type-password-keyword><code>password</code></dfn>
- <td> <a href=#password-state title=attr-input-type-password>Password</a>
+ <td> <a href="#password-state-(type=password)" title=attr-input-type-password>Password</a>
<td> Text with no line breaks (sensitive information)
<td> A text field that obscures data entry
<tr><td> <dfn id=attr-input-type-datetime-keyword title=attr-input-type-datetime-keyword><code>datetime</code></dfn>
- <td> <a href=#date-and-time-state title=attr-input-type-datetime>Date and Time</a>
+ <td> <a href="#date-and-time-state-(type=datetime)" title=attr-input-type-datetime>Date and Time</a>
<td> A date and time (year, month, day, hour, minute, second, fraction of a second) with the time zone set to UTC
<td> A date and time control
<tr><td> <dfn id=attr-input-type-date-keyword title=attr-input-type-date-keyword><code>date</code></dfn>
- <td> <a href=#date-state title=attr-input-type-date>Date</a>
+ <td> <a href="#date-state-(type=date)" title=attr-input-type-date>Date</a>
<td> A date (year, month, day) with no time zone
<td> A date control
<tr><td> <dfn id=attr-input-type-month-keyword title=attr-input-type-month-keyword><code>month</code></dfn>
- <td> <a href=#month-state title=attr-input-type-month>Month</a>
+ <td> <a href="#month-state-(type=month)" title=attr-input-type-month>Month</a>
<td> A date consisting of a year and a month with no time zone
<td> A month control
<tr><td> <dfn id=attr-input-type-week-keyword title=attr-input-type-week-keyword><code>week</code></dfn>
- <td> <a href=#week-state title=attr-input-type-week>Week</a>
+ <td> <a href="#week-state-(type=week)" title=attr-input-type-week>Week</a>
<td> A date consisting of a week-year number and a week number with no time zone
<td> A week control
<tr><td> <dfn id=attr-input-type-time-keyword title=attr-input-type-time-keyword><code>time</code></dfn>
- <td> <a href=#time-state title=attr-input-type-time>Time</a>
+ <td> <a href="#time-state-(type=time)" title=attr-input-type-time>Time</a>
<td> A time (hour, minute, seconds, fractional seconds) with no time zone
<td> A time control
<tr><td> <dfn id=attr-input-type-datetime-local-keyword title=attr-input-type-datetime-local-keyword><code>datetime-local</code></dfn>
- <td> <a href=#local-date-and-time-state title=attr-input-type-datetime-local>Local Date and Time</a>
+ <td> <a href="#local-date-and-time-state-(type=datetime-local)" title=attr-input-type-datetime-local>Local Date and Time</a>
<td> A date and time (year, month, day, hour, minute, second, fraction of a second) with no time zone
<td> A date and time control
<tr><td> <dfn id=attr-input-type-number-keyword title=attr-input-type-number-keyword><code>number</code></dfn>
- <td> <a href=#number-state title=attr-input-type-number>Number</a>
+ <td> <a href="#number-state-(type=number)" title=attr-input-type-number>Number</a>
<td> A numerical value
<td> A text field or spinner control
<tr><td> <dfn id=attr-input-type-range-keyword title=attr-input-type-range-keyword><code>range</code></dfn>
- <td> <a href=#range-state title=attr-input-type-range>Range</a>
+ <td> <a href="#range-state-(type=range)" title=attr-input-type-range>Range</a>
<td> A numerical value, with the extra semantic that the exact value is not important
<td> A slider control or similar
<tr><td> <dfn id=attr-input-type-color-keyword title=attr-input-type-color-keyword><code>color</code></dfn>
- <td> <a href=#color-state title=attr-input-type-color>Color</a>
+ <td> <a href="#color-state-(type=color)" title=attr-input-type-color>Color</a>
<td> An sRGB color with 8-bit red, green, and blue components
<td> A color well
<tr><td> <dfn id=attr-input-type-checkbox-keyword title=attr-input-type-checkbox-keyword><code>checkbox</code></dfn>
- <td> <a href=#checkbox-state title=attr-input-type-checkbox>Checkbox</a>
+ <td> <a href="#checkbox-state-(type=checkbox)" title=attr-input-type-checkbox>Checkbox</a>
<td> A set of zero or more values from a predefined list
<td> A checkbox
<tr><td> <dfn id=attr-input-type-radio-keyword title=attr-input-type-radio-keyword><code>radio</code></dfn>
- <td> <a href=#radio-button-state title=attr-input-type-radio>Radio Button</a>
+ <td> <a href="#radio-button-state-(type=radio)" title=attr-input-type-radio>Radio Button</a>
<td> An enumerated value
<td> A radio button
<tr><td> <dfn id=attr-input-type-file-keyword title=attr-input-type-file-keyword><code>file</code></dfn>
- <td> <a href=#file-upload-state title=attr-input-type-file>File Upload</a>
+ <td> <a href="#file-upload-state-(type=file)" title=attr-input-type-file>File Upload</a>
<td> Zero or more files each with a <a href=#mime-type>MIME type</a> and optionally a file name
<td> A label and a button
<tr><td> <dfn id=attr-input-type-submit-keyword title=attr-input-type-submit-keyword><code>submit</code></dfn>
- <td> <a href=#submit-button-state title=attr-input-type-submit>Submit Button</a>
+ <td> <a href="#submit-button-state-(type=submit)" title=attr-input-type-submit>Submit Button</a>
<td> An enumerated value, with the extra semantic that it must be the last value selected and initiates form submission
<td> A button
<tr><td> <dfn id=attr-input-type-image-keyword title=attr-input-type-image-keyword><code>image</code></dfn>
- <td> <a href=#image-button-state title=attr-input-type-image>Image Button</a>
+ <td> <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a>
<td> A coordinate, relative to a particular image's size, with the extra semantic that it must be the last value selected and initiates form submission
<td> Either a clickable image, or a button
<tr><td> <dfn id=attr-input-type-reset-keyword title=attr-input-type-reset-keyword><code>reset</code></dfn>
- <td> <a href=#reset-button-state title=attr-input-type-reset>Reset Button</a>
+ <td> <a href="#reset-button-state-(type=reset)" title=attr-input-type-reset>Reset Button</a>
<td> n/a
<td> A button
<tr><td> <dfn id=attr-input-type-button-keyword title=attr-input-type-button-keyword><code>button</code></dfn>
- <td> <a href=#button-state title=attr-input-type-button>Button</a>
+ <td> <a href="#button-state-(type=button)" title=attr-input-type-button>Button</a>
<td> n/a
<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>
+ </table><p>The <i>missing value default</i> is the <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a> state.</p>
<p>Which of the <code title=attr-input-accept><a href=#attr-input-accept>accept</a></code>, <code title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code title=attr-input-autocomplete><a href=#attr-input-autocomplete>autocomplete</a></code>, <code title=attr-input-checked><a href=#attr-input-checked>checked</a></code>, <code title=attr-input-dirname><a href=#attr-input-dirname>dirname</a></code>, <code title=attr-fs-formaction><a href=#attr-fs-formaction>formaction</a></code>, <code title=attr-fs-formenctype><a href=#attr-fs-formenctype>formenctype</a></code>, <code title=attr-fs-formmethod><a href=#attr-fs-formmethod>formmethod</a></code>, <code title=attr-fs-formnovalidate><a href=#attr-fs-formnovalidate>formnovalidate</a></code>, <code title=attr-fs-formtarget><a href=#attr-fs-formtarget>formtarget</a></code>, <code title=attr-dim-height><a href=#attr-dim-height>height</a></code>, <code title=attr-input-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>, and <code title=dom-input-list><a href=#dom-input-list>list</a></code> IDL
attributes, the <code title=dom-textarea/input-select><a href=#dom-textarea/input-select>select()</a></code> method, the <code title=dom-textarea/input-selectionStart><a href=#dom-textarea/input-selectionstart>selectionStart</a></code>,
@@ -42461,29 +42461,29 @@
to each state:</p>
<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>
- <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>
- <th> <span title=""><a href=#date-and-time-state title=attr-input-type-datetime>Date and Time</a>,</span>
- <span title=""><a href=#date-state title=attr-input-type-date>Date</a>,</span>
- <span title=""><a href=#month-state title=attr-input-type-month>Month</a>,</span>
- <span title=""><a href=#week-state title=attr-input-type-week>Week</a>,</span>
- <span title=""><a href=#time-state title=attr-input-type-time>Time</a></span>
- <th> <span title=""><a href=#local-date-and-time-state title=attr-input-type-datetime-local>Local Date and Time</a></span>
- <th> <span title=""><a href=#number-state title=attr-input-type-number>Number</a></span>
- <th> <span title=""><a href=#range-state title=attr-input-type-range>Range</a></span>
- <th> <span title=""><a href=#color-state title=attr-input-type-color>Color</a></span>
- <th> <span title=""><a href=#checkbox-state title=attr-input-type-checkbox>Checkbox</a>,</span>
- <span title=""><a href=#radio-button-state title=attr-input-type-radio>Radio Button</a></span>
- <th> <span title=""><a href=#file-upload-state title=attr-input-type-file>File Upload</a></span>
- <th> <span title=""><a href=#submit-button-state title=attr-input-type-submit>Submit Button</a></span>
- <th> <span title=""><a href=#image-button-state title=attr-input-type-image>Image Button</a></span>
- <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>
+ <th> <span title=""><a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a></span>
+ <th> <span title=""><a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a>,</span>
+ <span title=""><a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-search>Search</a></span>
+ <th> <span title=""><a href="#url-state-(type=url)" title=attr-input-type-url>URL</a>,</span>
+ <span title=""><a href="#telephone-state-(type=tel)" title=attr-input-type-tel>Telephone</a></span>
+ <th> <span title=""><a href="#e-mail-state-(type=email)" title=attr-input-type-email>E-mail</a></span>
+ <th> <span title=""><a href="#password-state-(type=password)" title=attr-input-type-password>Password</a></span>
+ <th> <span title=""><a href="#date-and-time-state-(type=datetime)" title=attr-input-type-datetime>Date and Time</a>,</span>
+ <span title=""><a href="#date-state-(type=date)" title=attr-input-type-date>Date</a>,</span>
+ <span title=""><a href="#month-state-(type=month)" title=attr-input-type-month>Month</a>,</span>
+ <span title=""><a href="#week-state-(type=week)" title=attr-input-type-week>Week</a>,</span>
+ <span title=""><a href="#time-state-(type=time)" title=attr-input-type-time>Time</a></span>
+ <th> <span title=""><a href="#local-date-and-time-state-(type=datetime-local)" title=attr-input-type-datetime-local>Local Date and Time</a></span>
+ <th> <span title=""><a href="#number-state-(type=number)" title=attr-input-type-number>Number</a></span>
+ <th> <span title=""><a href="#range-state-(type=range)" title=attr-input-type-range>Range</a></span>
+ <th> <span title=""><a href="#color-state-(type=color)" title=attr-input-type-color>Color</a></span>
+ <th> <span title=""><a href="#checkbox-state-(type=checkbox)" title=attr-input-type-checkbox>Checkbox</a>,</span>
+ <span title=""><a href="#radio-button-state-(type=radio)" title=attr-input-type-radio>Radio Button</a></span>
+ <th> <span title=""><a href="#file-upload-state-(type=file)" title=attr-input-type-file>File Upload</a></span>
+ <th> <span title=""><a href="#submit-button-state-(type=submit)" title=attr-input-type-submit>Submit Button</a></span>
+ <th> <span title=""><a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a></span>
+ <th> <span title=""><a href="#reset-button-state-(type=reset)" title=attr-input-type-reset>Reset Button</a>,</span>
+ <span title=""><a href="#button-state-(type=button)" title=attr-input-type-button>Button</a></span>
<tbody><tr><th colspan=16 scope=rowgroup>Content attributes
@@ -43525,7 +43525,7 @@
point -->
<p class=note>The <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute can also in
- some cases (e.g. for the <a href=#date-state title=attr-input-type-date>Date</a> state, but not the <a href=#checkbox-state title=attr-input-type-checkbox>Checkbox</a> state) make an
+ some cases (e.g. for the <a href="#date-state-(type=date)" title=attr-input-type-date>Date</a> state, but not the <a href="#checkbox-state-(type=checkbox)" title=attr-input-type-checkbox>Checkbox</a> state) make an
<code><a href=#the-input-element>input</a></code> element <i title=concept-input-immutable><a href=#concept-input-immutable>immutable</a></i>.</p>
<p>The <a href=#concept-node-clone-ext title=concept-node-clone-ext>cloning steps</a> for
@@ -43583,7 +43583,7 @@
<p>The <dfn id=dom-input-indeterminate title=dom-input-indeterminate><code>indeterminate</code></dfn> IDL
attribute must initially be set to false. On getting, it must return
the last value it was set to. On setting, it must be set to the new
- value. It has no effect except for changing the appearance of <a href=#checkbox-state title=attr-input-type-checkbox>checkbox</a> controls.</p>
+ value. It has no effect except for changing the appearance of <a href="#checkbox-state-(type=checkbox)" title=attr-input-type-checkbox>checkbox</a> controls.</p>
<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
@@ -43609,7 +43609,7 @@
pixels, if an image is <i title=input-img-available><a href=#input-img-available>available</a></i>
but not being rendered to a visual medium; or else 0, if no image is
<i title=input-img-available><a href=#input-img-available>available</a></i>. When the
- <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is not in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state, then no
+ <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is not in the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state, then no
image is <i title=input-img-available><a href=#input-img-available>available</a></i>. <a href=#refsCSS>[CSS]</a></p>
<p>On setting, they must act as if they <a href=#reflect title=reflect>reflected</a> the respective content attributes
@@ -43634,11 +43634,11 @@
<h5 id=states-of-the-type-attribute><span class=secno>4.10.7.1 </span>States of the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute</h5>
- <h6 id=hidden-state><span class=secno>4.10.7.1.1 </span><dfn title=attr-input-type-hidden>Hidden</dfn> state</h6>
+ <h6 id="hidden-state-(type=hidden)"><span class=secno>4.10.7.1.1 </span><dfn title=attr-input-type-hidden>Hidden</dfn> state (<code title="">type=hidden</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state, the rules in
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> state, the rules in
this section apply.</p>
</div>
@@ -43650,7 +43650,7 @@
<p><strong>Constraint validation</strong>: If an <code><a href=#the-input-element>input</a></code>
element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in
- the <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state, it is
+ the <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> state, it is
<a href=#barred-from-constraint-validation>barred from constraint validation</a>.</p>
</div>
@@ -43715,7 +43715,7 @@
</div>
- <h6 id=text-state-and-search-state><span class=secno>4.10.7.1.2 </span><dfn title=attr-input-type-text>Text</dfn> state and <dfn title=attr-input-type-search>Search</dfn> state</h6>
+ <h6 id="text-(type=text)-state-and-search-state-(type=search)"><span class=secno>4.10.7.1.2 </span><dfn title=attr-input-type-text>Text</dfn> (<code title="">type=text</code>) state and <dfn title=attr-input-type-search>Search</dfn> state (<code title="">type=search</code>)</h6>
<!-- v2 idea: applying input masks to <input>, e.g. for entering
data with slashes and dashes (ack Greg Kilwein)
@@ -43723,7 +43723,7 @@
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in 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, the rules in
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a> state or the <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-search>Search</a> state, the rules in
this section apply.</p>
</div>
@@ -43731,9 +43731,9 @@
<p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a one line
plain text edit control for the element's <a href=#concept-fe-value title=concept-fe-value>value</a>.</p>
- <p class=note>The difference between the <a href=#text-state-and-search-state title=attr-input-type-text>Text</a> state and the <a href=#text-state-and-search-state title=attr-input-type-search>Search</a> state is primarily
+ <p class=note>The difference between the <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a> state and the <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-search>Search</a> state is primarily
stylistic: on platforms where search fields are distinguished from
- regular text fields, the <a href=#text-state-and-search-state title=attr-input-type-search>Search</a> state might result in
+ regular text fields, the <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-search>Search</a> state might result in
an appearance consistent with the platform's search fields rather
than appearing like a regular text field.</p>
@@ -43831,11 +43831,11 @@
</div>
- <h6 id=telephone-state><span class=secno>4.10.7.1.3 </span><dfn title=attr-input-type-tel>Telephone</dfn> state</h6>
+ <h6 id="telephone-state-(type=tel)"><span class=secno>4.10.7.1.3 </span><dfn title=attr-input-type-tel>Telephone</dfn> state (<code title="">type=tel</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#telephone-state title=attr-input-type-tel>Telephone</a> state, the rules in
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#telephone-state-(type=tel)" title=attr-input-type-tel>Telephone</a> state, the rules in
this section apply.</p>
</div>
@@ -43866,7 +43866,7 @@
</div>
- <p class=note>Unlike the <a href=#url-state title=attr-input-type-url>URL</a> and <a href=#e-mail-state title=attr-input-type-email>E-mail</a> types, the <a href=#telephone-state title=attr-input-type-tel>Telephone</a> type does not enforce a
+ <p class=note>Unlike the <a href="#url-state-(type=url)" title=attr-input-type-url>URL</a> and <a href="#e-mail-state-(type=email)" title=attr-input-type-email>E-mail</a> types, the <a href="#telephone-state-(type=tel)" title=attr-input-type-tel>Telephone</a> type does not enforce a
particular syntax. This is intentional; in practice, telephone
number fields tend to be free-form fields, because there are a wide
variety of valid phone numbers. Systems that need to enforce a
@@ -43930,11 +43930,11 @@
</div>
- <h6 id=url-state><span class=secno>4.10.7.1.4 </span><dfn title=attr-input-type-url>URL</dfn> state</h6>
+ <h6 id="url-state-(type=url)"><span class=secno>4.10.7.1.4 </span><dfn title=attr-input-type-url>URL</dfn> state (<code title="">type=url</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#url-state title=attr-input-type-url>URL</a> state, the rules in this
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#url-state-(type=url)" title=attr-input-type-url>URL</a> state, the rules in this
section apply.</p>
</div>
@@ -44073,16 +44073,16 @@
</div>
- <h6 id=e-mail-state><span class=secno>4.10.7.1.5 </span><dfn title=attr-input-type-email>E-mail</dfn> state</h6>
+ <h6 id="e-mail-state-(type=email)"><span class=secno>4.10.7.1.5 </span><dfn title=attr-input-type-email>E-mail</dfn> state (<code title="">type=email</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#e-mail-state title=attr-input-type-email>E-mail</a> state, the rules in this
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#e-mail-state-(type=email)" title=attr-input-type-email>E-mail</a> state, the rules in this
section apply.</p>
</div>
- <p>How the <a href=#e-mail-state title=attr-input-type-email>E-mail</a> state
+ <p>How the <a href="#e-mail-state-(type=email)" title=attr-input-type-email>E-mail</a> state
operates depends on whether the <code title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code> attribute is specified
or not.</p>
@@ -44307,11 +44307,11 @@
</div>
- <h6 id=password-state><span class=secno>4.10.7.1.6 </span><dfn title=attr-input-type-password>Password</dfn> state</h6>
+ <h6 id="password-state-(type=password)"><span class=secno>4.10.7.1.6 </span><dfn title=attr-input-type-password>Password</dfn> state (<code title="">type=password</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#password-state title=attr-input-type-password>Password</a> state, the rules in
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#password-state-(type=password)" title=attr-input-type-password>Password</a> state, the rules in
this section apply.</p>
</div>
@@ -44396,11 +44396,11 @@
</div>
- <h6 id=date-and-time-state><span class=secno>4.10.7.1.7 </span><dfn title=attr-input-type-datetime>Date and Time</dfn> state</h6>
+ <h6 id="date-and-time-state-(type=datetime)"><span class=secno>4.10.7.1.7 </span><dfn title=attr-input-type-datetime>Date and Time</dfn> state (<code title="">type=datetime</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#date-and-time-state title=attr-input-type-datetime>Date and Time</a> state, the
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#date-and-time-state-(type=datetime)" title=attr-input-type-datetime>Date and Time</a> state, the
rules in this section apply.</p>
</div>
@@ -44506,7 +44506,7 @@
<div class=note id=only-contemporary-times>
- <p>The <a href=#date-and-time-state title=attr-input-type-datetime>Date and Time</a>
+ <p>The <a href="#date-and-time-state-(type=datetime)" title=attr-input-type-datetime>Date and Time</a>
state (and other date- and time-related states described in
subsequent sections) is not intended for the entry of values for
which a precise date and time relative to the contemporary calendar
@@ -44516,7 +44516,7 @@
BCE".</p>
<p>For the input of dates before the introduction of the Gregorian
- calendar, authors are encouraged to not use the <a href=#date-and-time-state title=attr-input-type-datetime>Date and Time</a> state (and
+ calendar, authors are encouraged to not use the <a href="#date-and-time-state-(type=datetime)" title=attr-input-type-datetime>Date and Time</a> state (and
the other date- and time-related states described in subsequent
sections), as user agents are not required to support converting
dates and times from earlier periods to the Gregorian calendar, and
@@ -44526,7 +44526,7 @@
countries, ranging from partway through the 16th century all the
way to early in the 20th.) Instead, authors are encouraged to
provide fine-grained input controls using the <code><a href=#the-select-element>select</a></code>
- element and <code><a href=#the-input-element>input</a></code> elements with the <a href=#number-state title=attr-input-type-number>Number</a> state.</p>
+ element and <code><a href=#the-input-element>input</a></code> elements with the <a href="#number-state-(type=number)" title=attr-input-type-number>Number</a> state.</p>
</div>
@@ -44600,18 +44600,18 @@
<p><label>Meeting time: <input type=datetime name="meeting.start"></label>
</fieldset></pre>
- <p>Had the application used the <code title=attr-input-type-datetime-local><a href=#local-date-and-time-state>datetime-local</a></code> type
+ <p>Had the application used the <code title=attr-input-type-datetime-local><a href="#local-date-and-time-state-(type=datetime-local)">datetime-local</a></code> type
instead, the calendar application would have also had to explicitly
determine which time zone the user intended.</p>
</div>
- <h6 id=date-state><span class=secno>4.10.7.1.8 </span><dfn title=attr-input-type-date>Date</dfn> state</h6>
+ <h6 id="date-state-(type=date)"><span class=secno>4.10.7.1.8 </span><dfn title=attr-input-type-date>Date</dfn> state (<code title="">type=date</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#date-state title=attr-input-type-date>Date</a> state, the rules in this
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#date-state-(type=date)" title=attr-input-type-date>Date</a> state, the rules in this
section apply.</p>
</div>
@@ -44705,7 +44705,7 @@
</div>
<p class=note>See <a href=#only-contemporary-times>the note on
- historical dates</a> in the <a href=#date-and-time-state title=attr-input-type-datetime>Date and Time</a> state
+ historical dates</a> in the <a href="#date-and-time-state-(type=datetime)" title=attr-input-type-datetime>Date and Time</a> state
section.</p>
<div class=bookkeeping>
@@ -44763,11 +44763,11 @@
</div>
- <h6 id=month-state><span class=secno>4.10.7.1.9 </span><dfn title=attr-input-type-month>Month</dfn> state</h6>
+ <h6 id="month-state-(type=month)"><span class=secno>4.10.7.1.9 </span><dfn title=attr-input-type-month>Month</dfn> state (<code title="">type=month</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#month-state title=attr-input-type-month>Month</a> state, the rules in this
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#month-state-(type=month)" title=attr-input-type-month>Month</a> state, the rules in this
section apply.</p>
</div>
@@ -44916,11 +44916,11 @@
</div>
- <h6 id=week-state><span class=secno>4.10.7.1.10 </span><dfn title=attr-input-type-week>Week</dfn> state</h6>
+ <h6 id="week-state-(type=week)"><span class=secno>4.10.7.1.10 </span><dfn title=attr-input-type-week>Week</dfn> state (<code title="">type=week</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#week-state title=attr-input-type-week>Week</a> state, the rules in this
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#week-state-(type=week)" title=attr-input-type-week>Week</a> state, the rules in this
section apply.</p>
</div>
@@ -45070,7 +45070,7 @@
</div>
- <h6 id=time-state><span class=secno>4.10.7.1.11 </span><dfn title=attr-input-type-time>Time</dfn> state</h6>
+ <h6 id="time-state-(type=time)"><span class=secno>4.10.7.1.11 </span><dfn title=attr-input-type-time>Time</dfn> state (<code title="">type=time</code>)</h6>
<!-- v2: allow min="" and max="" to be set such that the range
crosses midnight, as in <input type=time min="23:00" max="02:00">
@@ -45078,7 +45078,7 @@
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#time-state title=attr-input-type-time>Time</a> state, the rules in this
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#time-state-(type=time)" title=attr-input-type-time>Time</a> state, the rules in this
section apply.</p>
</div>
@@ -45221,11 +45221,11 @@
</div>
- <h6 id=local-date-and-time-state><span class=secno>4.10.7.1.12 </span><dfn title=attr-input-type-datetime-local>Local Date and Time</dfn> state</h6>
+ <h6 id="local-date-and-time-state-(type=datetime-local)"><span class=secno>4.10.7.1.12 </span><dfn title=attr-input-type-datetime-local>Local Date and Time</dfn> state (<code title="">type=datetime-local</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#local-date-and-time-state title=attr-input-type-datetime-local>Local Date and Time</a>
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#local-date-and-time-state-(type=datetime-local)" title=attr-input-type-datetime-local>Local Date and Time</a>
state, the rules in this section apply.</p>
</div>
@@ -45312,7 +45312,7 @@
</div>
<p class=note>See <a href=#only-contemporary-times>the note on
- historical dates</a> in the <a href=#date-and-time-state title=attr-input-type-datetime>Date and Time</a> state
+ historical dates</a> in the <a href="#date-and-time-state-(type=datetime)" title=attr-input-type-datetime>Date and Time</a> state
section.</p>
<div class=bookkeeping>
@@ -45375,7 +45375,7 @@
<p>The following example shows part of a flight booking
application. The application uses an <code><a href=#the-input-element>input</a></code> element
with its <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute set to
- <code title=attr-input-type-datetime-local><a href=#local-date-and-time-state>datetime-local</a></code>,
+ <code title=attr-input-type-datetime-local><a href="#local-date-and-time-state-(type=datetime-local)">datetime-local</a></code>,
and it then interprets the given date and time in the time zone of
the selected airport.</p>
@@ -45392,18 +45392,18 @@
<option value=FRA label="Frankfurt">
</datalist></pre>
- <p>If the application instead used the <code title=attr-input-type-datetime><a href=#date-and-time-state>datetime</a></code> type, then the
+ <p>If the application instead used the <code title=attr-input-type-datetime><a href="#date-and-time-state-(type=datetime)">datetime</a></code> type, then the
user would have to work out the time-zone conversions himself,
which is clearly not a good user experience!</p>
</div>
- <h6 id=number-state><span class=secno>4.10.7.1.13 </span><dfn title=attr-input-type-number>Number</dfn> state</h6>
+ <h6 id="number-state-(type=number)"><span class=secno>4.10.7.1.13 </span><dfn title=attr-input-type-number>Number</dfn> state (<code title="">type=number</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#number-state title=attr-input-type-number>Number</a> state, the rules in
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#number-state-(type=number)" title=attr-input-type-number>Number</a> state, the rules in
this section apply.</p>
</div>
@@ -45543,11 +45543,11 @@
</div>
- <h6 id=range-state><span class=secno>4.10.7.1.14 </span><dfn title=attr-input-type-range>Range</dfn> state</h6>
+ <h6 id="range-state-(type=range)"><span class=secno>4.10.7.1.14 </span><dfn title=attr-input-type-range>Range</dfn> state (<code title="">type=range</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#range-state title=attr-input-type-range>Range</a> state, the rules in this
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#range-state-(type=range)" title=attr-input-type-range>Range</a> state, the rules in this
section apply.</p>
</div>
@@ -45555,7 +45555,7 @@
<p>The <code><a href=#the-input-element>input</a></code> element <a href=#represents>represents</a> a control
for setting the element's <a href=#concept-fe-value title=concept-fe-value>value</a> to a string representing a
number, but with the caveat that the exact value is not important,
- letting UAs provide a simpler interface than they do for the <a href=#number-state title=attr-input-type-number>Number</a> state.</p>
+ letting UAs provide a simpler interface than they do for the <a href="#number-state-(type=number)" title=attr-input-type-number>Number</a> state.</p>
<div class=impl>
@@ -45772,11 +45772,11 @@
- <h6 id=color-state><span class=secno>4.10.7.1.15 </span><dfn title=attr-input-type-color>Color</dfn> state</h6>
+ <h6 id="color-state-(type=color)"><span class=secno>4.10.7.1.15 </span><dfn title=attr-input-type-color>Color</dfn> state (<code title="">type=color</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#color-state title=attr-input-type-color>Color</a> state, the rules in this
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#color-state-(type=color)" title=attr-input-type-color>Color</a> state, the rules in this
section apply.</p>
</div>
@@ -45874,11 +45874,11 @@
</div>
- <h6 id=checkbox-state><span class=secno>4.10.7.1.16 </span><dfn title=attr-input-type-checkbox>Checkbox</dfn> state</h6>
+ <h6 id="checkbox-state-(type=checkbox)"><span class=secno>4.10.7.1.16 </span><dfn title=attr-input-type-checkbox>Checkbox</dfn> state (<code title="">type=checkbox</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#checkbox-state title=attr-input-type-checkbox>Checkbox</a> state, the rules in
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#checkbox-state-(type=checkbox)" title=attr-input-type-checkbox>Checkbox</a> state, the rules in
this section apply.</p>
</div>
@@ -45922,7 +45922,7 @@
<dd>
- <p>When set, overrides the rendering of <a href=#checkbox-state title=attr-input-type-checkbox>checkbox</a> controls so that
+ <p>When set, overrides the rendering of <a href="#checkbox-state-(type=checkbox)" title=attr-input-type-checkbox>checkbox</a> controls so that
the current value is not visible.</p>
</dd>
@@ -45986,11 +45986,11 @@
- <h6 id=radio-button-state><span class=secno>4.10.7.1.17 </span><dfn title=attr-input-type-radio>Radio Button</dfn> state</h6>
+ <h6 id="radio-button-state-(type=radio)"><span class=secno>4.10.7.1.17 </span><dfn title=attr-input-type-radio>Radio Button</dfn> state (<code title="">type=radio</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#radio-button-state title=attr-input-type-radio>Radio Button</a> state, the rules
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#radio-button-state-(type=radio)" title=attr-input-type-radio>Radio Button</a> state, the rules
in this section apply.</p>
</div>
@@ -46009,7 +46009,7 @@
the other <code><a href=#the-input-element>input</a></code> elements <var title="">b</var> that
fulfill all of the following conditions:</p>
- <ul><li>The <code><a href=#the-input-element>input</a></code> element <var title="">b</var>'s <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#radio-button-state title=attr-input-type-radio>Radio Button</a> state.</li>
+ <ul><li>The <code><a href=#the-input-element>input</a></code> element <var title="">b</var>'s <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#radio-button-state-(type=radio)" title=attr-input-type-radio>Radio Button</a> state.</li>
<li>Either <var title="">a</var> and <var title="">b</var> have the
same <a href=#form-owner>form owner</a>, or they both have no <a href=#form-owner>form
@@ -46122,7 +46122,7 @@
- <h6 id=file-upload-state><span class=secno>4.10.7.1.18 </span><dfn title=attr-input-type-file>File Upload</dfn> state</h6>
+ <h6 id="file-upload-state-(type=file)"><span class=secno>4.10.7.1.18 </span><dfn title=attr-input-type-file>File Upload</dfn> state (<code title="">type=file</code>)</h6>
<!-- v2 ideas:
* maximum height/width or required ratio for image uploads? - Leons Petrazickis
@@ -46131,7 +46131,7 @@
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <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, the rules in this
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#file-upload-state-(type=file)" title=attr-input-type-file>File Upload</a> state, the rules in this
section apply.</p>
</div>
@@ -46318,11 +46318,11 @@
- <h6 id=submit-button-state><span class=secno>4.10.7.1.19 </span><dfn title=attr-input-type-submit>Submit Button</dfn> state</h6>
+ <h6 id="submit-button-state-(type=submit)"><span class=secno>4.10.7.1.19 </span><dfn title=attr-input-type-submit>Submit Button</dfn> state (<code title="">type=submit</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#submit-button-state title=attr-input-type-submit>Submit Button</a> state, the rules
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#submit-button-state-(type=submit)" title=attr-input-type-submit>Submit Button</a> state, the rules
in this section apply.</p>
</div>
@@ -46409,11 +46409,11 @@
</div>
- <h6 id=image-button-state><span class=secno>4.10.7.1.20 </span><dfn title=attr-input-type-image>Image Button</dfn> state</h6>
+ <h6 id="image-button-state-(type=image)"><span class=secno>4.10.7.1.20 </span><dfn title=attr-input-type-image>Image Button</dfn> state (<code title="">type=image</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state, the rules
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state, the rules
in this section apply.</p>
</div>
@@ -46448,15 +46448,15 @@
sensitive -->
<ul><li>The <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is first set to the
- <a href=#image-button-state title=attr-input-type-image>Image Button</a> state
+ <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state
(possibly when the element is first created), and the <code title=attr-input-src><a href=#attr-input-src>src</a></code> attribute is present.</li>
<li>The <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is changed back to
- the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state,
+ the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state,
and the <code title=attr-input-src><a href=#attr-input-src>src</a></code> attribute is
- present, and its value has changed since the last time the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute was in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state.</li>
+ present, and its value has changed since the last time the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute was in the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state.</li>
- <li>The <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state, and the
+ <li>The <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state, and the
<code title=attr-input-src><a href=#attr-input-src>src</a></code> attribute is set or
changed.</li>
@@ -46661,11 +46661,11 @@
- <h6 id=reset-button-state><span class=secno>4.10.7.1.21 </span><dfn title=attr-input-type-reset>Reset Button</dfn> state</h6>
+ <h6 id="reset-button-state-(type=reset)"><span class=secno>4.10.7.1.21 </span><dfn title=attr-input-type-reset>Reset Button</dfn> state (<code title="">type=reset</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#reset-button-state title=attr-input-type-reset>Reset Button</a> state, the rules
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#reset-button-state-(type=reset)" title=attr-input-type-reset>Reset Button</a> state, the rules
in this section apply.</p>
</div>
@@ -46743,11 +46743,11 @@
</div>
- <h6 id=button-state><span class=secno>4.10.7.1.22 </span><dfn title=attr-input-type-button>Button</dfn> state</h6>
+ <h6 id="button-state-(type=button)"><span class=secno>4.10.7.1.22 </span><dfn title=attr-input-type-button>Button</dfn> state (<code title="">type=button</code>)</h6>
<div class=impl>
- <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#button-state title=attr-input-type-button>Button</a> state, the rules in
+ <p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#button-state-(type=button)" title=attr-input-type-button>Button</a> state, the rules in
this section apply.</p>
</div>
@@ -47929,14 +47929,14 @@
element.</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
+ action would be a <a href="#file-upload-state-(type=file)" title=attr-input-type-file>File
Upload</a> control that consists of a single button that brings
up a file selection dialog: when the dialog is closed, if that the
<a href=#concept-input-type-file-selected title=concept-input-type-file-selected>file selection</a>
changed as a result, then the user has committed a new <a href=#concept-input-type-file-selected title=concept-input-type-file-selected>file selection</a>.</p>
<p class=example>Another example of a user interface with a commit
- action would be a <a href=#date-state title=attr-input-type-date>Date</a>
+ action would be a <a href="#date-state-(type=date)" title=attr-input-type-date>Date</a>
control that allows both text-based user input and user selection
from a drop-down calendar: while text input might not have an
explicit commit step, selecting a date from the drop down calendar
@@ -50610,7 +50610,7 @@
<dl><dt><dfn id=attr-fe-name-isindex title=attr-fe-name-isindex><code>isindex</code></dfn></dt>
<dd>
- <p>This value, if used as the name of a <a href=#text-state-and-search-state title=attr-input-type-text>Text</a> control that is the first
+ <p>This value, if used as the name of a <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a> control that is the first
control in a form that is submitted using the <code title=attr-fs-enctype-urlencoded><a href=#attr-fs-enctype-urlencoded>application/x-www-form-urlencoded</a></code>
mechanism, causes the submission to only include the value of this
control, with no name.</p>
@@ -50618,7 +50618,7 @@
<dt><dfn id=attr-fe-name-charset title=attr-fe-name-charset><code>_charset_</code></dfn></dt>
<dd>
- <p>This value, if used as the name of a <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> control with no <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute, is automatically
+ <p>This value, if used as the name of a <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> control with no <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute, is automatically
given a value during submission consisting of the submission
character encoding.</p>
</dd>
@@ -50799,7 +50799,7 @@
on <code><a href=#the-form-element>form</a></code> elements and on <a href=#concept-submit-button title=concept-submit-button>submit buttons</a> (elements that
represent buttons that submit forms, e.g. 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=#submit-button-state title=attr-input-type-submit>Submit Button</a>
+ in the <a href="#submit-button-state-(type=submit)" title=attr-input-type-submit>Submit Button</a>
state).
<p>The <a href=#attributes-for-form-submission>attributes for form submission</a> that may be
@@ -51223,7 +51223,7 @@
<dd> <p>When a control that allows arbitrary user
input has a <a href=#concept-fe-value title=concept-fe-value>value</a> that is not
- in the correct syntax (<a href=#e-mail-state title=attr-input-type-email>E-mail</a>, <a href=#url-state title=attr-input-type-url>URL</a>). </dd>
+ in the correct syntax (<a href="#e-mail-state-(type=email)" title=attr-input-type-email>E-mail</a>, <a href="#url-state-(type=url)" title=attr-input-type-url>URL</a>). </dd>
<dt> <dfn id=suffering-from-a-pattern-mismatch>Suffering from a pattern mismatch</dfn> </dt>
@@ -52033,17 +52033,17 @@
<li>The <var title="">field</var> element is a <a href=#concept-button title=concept-button>button</a> but it is not <var title="">submitter</var>.</li>
<li>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=#checkbox-state title=attr-input-type-checkbox>Checkbox</a> state and
+ <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="#checkbox-state-(type=checkbox)" title=attr-input-type-checkbox>Checkbox</a> state and
whose <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> is
false.</li>
<li>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=#radio-button-state title=attr-input-type-radio>Radio Button</a> state and
+ <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="#radio-button-state-(type=radio)" title=attr-input-type-radio>Radio Button</a> state and
whose <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> is
false.</li>
<li>The <var title="">field</var> element is not 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=#image-button-state title=attr-input-type-image>Image Button</a> state, and
+ <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="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state, and
either the <var title="">field</var> element does not have a
<code title=attr-fe-name><a href=#attr-fe-name>name</a></code> attribute specified, or
its <code title=attr-fe-name><a href=#attr-fe-name>name</a></code> attribute's value is
@@ -52063,7 +52063,7 @@
<li>
<p>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=#image-button-state title=attr-input-type-image>Image Button</a> state,
+ <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="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state,
then run these further nested substeps:</p>
<ol><li><p>If the <var title="">field</var> element has a <code title=attr-fe-name><a href=#attr-fe-name>name</a></code> attribute specified and its
@@ -52113,8 +52113,8 @@
<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=#checkbox-state title=attr-input-type-checkbox>Checkbox</a> state or the
- <a href=#radio-button-state title=attr-input-type-radio>Radio Button</a> state,
+ <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="#checkbox-state-(type=checkbox)" title=attr-input-type-checkbox>Checkbox</a> state or the
+ <a href="#radio-button-state-(type=radio)" title=attr-input-type-radio>Radio Button</a> state,
then run these further nested substeps:</p>
<ol><li><p>If the <var title="">field</var> element has a <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute specified, then
@@ -52129,7 +52129,7 @@
</ol></li>
<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
+ <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-(type=file)" 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 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
@@ -52171,8 +52171,8 @@
<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>
+ either the <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a> state
+ or the <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-search>Search</a>
state.</p>
</li>
@@ -53678,12 +53678,12 @@
<h5 id=using-the-input-element-to-define-a-command><span class=secno>4.11.5.3 </span><dfn title=input-command>Using the <code>input</code> element to define a command</dfn></h5>
- <p>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 one of the <a href=#submit-button-state title=attr-input-type-submit>Submit Button</a>, <a href=#reset-button-state title=attr-input-type-reset>Reset Button</a>, <a href=#image-button-state title=attr-input-type-image>Image Button</a>, <a href=#button-state title=attr-input-type-button>Button</a>, <a href=#radio-button-state title=attr-input-type-radio>Radio Button</a>, or <a href=#checkbox-state title=attr-input-type-checkbox>Checkbox</a> states <a href=#concept-command title=concept-command>defines a command</a>.</p>
+ <p>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 one of the <a href="#submit-button-state-(type=submit)" title=attr-input-type-submit>Submit Button</a>, <a href="#reset-button-state-(type=reset)" title=attr-input-type-reset>Reset Button</a>, <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a>, <a href="#button-state-(type=button)" title=attr-input-type-button>Button</a>, <a href="#radio-button-state-(type=radio)" title=attr-input-type-radio>Radio Button</a>, or <a href="#checkbox-state-(type=checkbox)" title=attr-input-type-checkbox>Checkbox</a> states <a href=#concept-command title=concept-command>defines a command</a>.</p>
<p>The <a href=#command-facet-type title=command-facet-Type>Type</a> of the command
is "radio" if the <code title=attr-input-type><a href=#attr-input-type>type</a></code>
- attribute is in the <code title=attr-input-type-radio><a href=#radio-button-state>Radio
- Button</a></code> state, "checkbox" if the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <code title=attr-input-type-checkbox><a href=#checkbox-state>Checkbox</a></code> state, and
+ attribute is in the <code title=attr-input-type-radio><a href="#radio-button-state-(type=radio)">Radio
+ Button</a></code> state, "checkbox" if the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <code title=attr-input-type-checkbox><a href="#checkbox-state-(type=checkbox)">Checkbox</a></code> state, and
"command" otherwise.</p>
<p>The <a href=#command-facet-id title=command-facet-ID>ID</a> of the command is
@@ -53715,7 +53715,7 @@
string.</p>
<p>If the element's <code title=attr-input-type><a href=#attr-input-type>type</a></code>
- attribute is in the <a href=#image-button-state title=attr-input-type-image>Image
+ attribute is in the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image
Button</a> state, and the element has a <code title=attr-img-src><a href=#attr-img-src>src</a></code> attribute, and that attribute's
value can be successfully <a href=#resolve-a-url title="resolve a
url">resolved</a> relative to the element, then the <a href=#command-facet-icon title=command-facet-Icon>Icon</a> of the command is the
@@ -56110,7 +56110,7 @@
<li><code><a href=#the-button-element>button</a></code> elements that are not <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a></li>
- <li><code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#submit-button-state title=attr-input-type-submit>Submit Button</a>, <a href=#image-button-state title=attr-input-type-image>Image Button</a>, <a href=#reset-button-state title=attr-input-type-reset>Reset Button</a>, or <a href=#button-state title=attr-input-type-button>Button</a> state</li>
+ <li><code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#submit-button-state-(type=submit)" title=attr-input-type-submit>Submit Button</a>, <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a>, <a href="#reset-button-state-(type=reset)" title=attr-input-type-reset>Reset Button</a>, or <a href="#button-state-(type=button)" title=attr-input-type-button>Button</a> state</li>
<li><code><a href=#the-command-element>command</a></code> elements that do not have a <code title=attr-command-disabled><a href=#attr-command-disabled>disabled</a></code> attribute</li>
@@ -56162,7 +56162,7 @@
<li><code><a href=#the-button-element>button</a></code> elements that are not <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a></li>
<li><code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute are not in the
- <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state and that
+ <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> state and that
are not <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a></li>
<li><code><a href=#the-select-element>select</a></code> elements that are not <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a></li>
@@ -56197,7 +56197,7 @@
<ul><li><code><a href=#the-button-element>button</a></code> elements that are <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a></li>
<li><code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute are not in the
- <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state and that
+ <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> state and that
are <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a></li>
<li><code><a href=#the-select-element>select</a></code> elements that are <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a></li>
@@ -56229,11 +56229,11 @@
must match any element falling into one of the following
categories:</p>
- <ul><li><code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#checkbox-state title=attr-input-type-checkbox>Checkbox</a> state and whose
+ <ul><li><code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#checkbox-state-(type=checkbox)" title=attr-input-type-checkbox>Checkbox</a> state and whose
<a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> state is
true</li>
- <li><code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#radio-button-state title=attr-input-type-radio>Radio Button</a> state and whose
+ <li><code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#radio-button-state-(type=radio)" title=attr-input-type-radio>Radio Button</a> state and whose
<a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> state is
true</li>
@@ -56261,7 +56261,7 @@
pseudo-class must match any element falling into one of the
following categories:</p>
- <ul><li><code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#checkbox-state title=attr-input-type-checkbox>Checkbox</a> state and whose
+ <ul><li><code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#checkbox-state-(type=checkbox)" title=attr-input-type-checkbox>Checkbox</a> state and whose
<code title=dom-input-indeterminate><a href=#dom-input-indeterminate>indeterminate</a></code> IDL
attribute is set to true</li>
@@ -56281,7 +56281,7 @@
<ul><li><code><a href=#the-button-element>button</a></code> elements that are their form's
<a href=#default-button>default button</a></li>
- <li><code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#submit-button-state title=attr-input-type-submit>Submit Button</a> or <a href=#image-button-state title=attr-input-type-image>Image Button</a> state, and that
+ <li><code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href="#submit-button-state-(type=submit)" title=attr-input-type-submit>Submit Button</a> or <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state, and that
are their form's <a href=#default-button>default button</a></li>
<li><code><a href=#the-input-element>input</a></code> elements to which the <code title=attr-input-checked><a href=#attr-input-checked>checked</a></code> attribute applies and
@@ -64408,7 +64408,7 @@
<!-- see similar paragraphs in the textarea and input sections -->
<p class=note>This can even include updating the <code title=attr-dir><a href=#the-dir-attribute>dir</a></code> attribute of <code><a href=#the-textarea-element>textarea</a></code>
elements or <code><a href=#the-input-element>input</a></code> elements 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, if the
+ <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a> state or the <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-search>Search</a> state, if the
persisted state includes the directionality of user input in such
controls.</p>
@@ -70629,7 +70629,7 @@
<li><code><a href=#the-button-element>button</a></code> elements that are not <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a></li>
<li><code><a href=#the-input-element>input</a></code> elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute are not in the
- <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state and that
+ <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> state and that
are not <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a></li>
<li><code><a href=#the-select-element>select</a></code> elements that are not <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a></li>
@@ -71366,7 +71366,7 @@
<ul><li>The value of <code><a href=#the-input-element>input</a></code> elements to which the <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute applies,
whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attributes are not
- in the <a href=#password-state title=attr-input-type-password>Password</a>
+ in the <a href="#password-state-(type=password)" title=attr-input-type-password>Password</a>
state, and that are not <i title=concept-input-immutable><a href=#concept-input-immutable>immutable</a></i> (i.e. that do not
have the <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code>
attribute specified and that are not <a href=#concept-fe-disabled title=concept-fe-disabled>disabled</a>).</li>
@@ -73116,7 +73116,7 @@
<dl class=switch><dt>If the <a href=#current-target-element>current target element</a> is a text
field (e.g. <code><a href=#the-textarea-element>textarea</a></code>, 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 the <a href=#text-state-and-search-state title=attr-input-type-text>Text</a> state) or an
+ attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a> state) or an
<a href=#editing-host>editing host</a> or <a href=#editable>editable</a> element,
and the <a href=#drag-data-store-item-list>drag data store item list</a> has an item
with <a href=#the-drag-data-item-type-string>the drag data item type string</a>
@@ -73181,7 +73181,7 @@
<dl class=switch><dt>If the <a href=#current-target-element>current target element</a> is a text field
(e.g. <code><a href=#the-textarea-element>textarea</a></code>, 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
- the <a href=#text-state-and-search-state title=attr-input-type-text>Text</a> state) or an
+ the <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a> state) or an
<a href=#editing-host>editing host</a> or <a href=#editable>editable</a> element, and
the <a href=#drag-data-store-item-list>drag data store item list</a> has an item with
<a href=#the-drag-data-item-type-string>the drag data item type string</a>
@@ -73317,7 +73317,7 @@
<dl class=switch><dt>If the <a href=#current-target-element>current target element</a> is a text
field (e.g. <code><a href=#the-textarea-element>textarea</a></code>, 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 the <a href=#text-state-and-search-state title=attr-input-type-text>Text</a> state) or an
+ attribute is in the <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a> state) or an
<a href=#editing-host>editing host</a> or <a href=#editable>editable</a> element,
and the <a href=#drag-data-store-item-list>drag data store item list</a> has an item
with <a href=#the-drag-data-item-type-string>the drag data item type string</a>
@@ -73359,7 +73359,7 @@
<a href=#current-target-element>current target element</a> is a text field (e.g.
<code><a href=#the-textarea-element>textarea</a></code>, 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 the
- <a href=#text-state-and-search-state title=attr-input-type-text>Text</a> state), and the
+ <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a> state), and the
<a href=#current-drag-operation>current drag operation</a> is "<code title="">move</code>", and the source of the drag-and-drop
operation is a selection in the DOM</dt>
@@ -73370,7 +73370,7 @@
<a href=#current-target-element>current target element</a> is a text field (e.g.
<code><a href=#the-textarea-element>textarea</a></code>, 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 the
- <a href=#text-state-and-search-state title=attr-input-type-text>Text</a> state), and the
+ <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a> state), and the
<a href=#current-drag-operation>current drag operation</a> is "<code title="">move</code>", and the source of the drag-and-drop
operation is a selection in a text field</dt>
@@ -90569,13 +90569,13 @@
<p>When an <code><a href=#the-img-element>img</a></code> element or an <code><a href=#the-input-element>input</a></code> element
when its <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in
- the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state
+ the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state
<a href=#represents>represents</a> an image, it is expected to be treated as a
replaced element.</p>
<p>When an <code><a href=#the-img-element>img</a></code> element or an <code><a href=#the-input-element>input</a></code> element
when its <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in
- the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state
+ the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state
does not <a href=#represents title=represents>represent</a> an image, but the
element already has intrinsic dimensions (e.g. from the
<a href=#dimension-attributes>dimension attributes</a> or CSS rules), and either the user
@@ -90606,7 +90606,7 @@
<!-- there's also a should requirement for this case in the <img>
section itself -->
- <p>When 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=#image-button-state title=attr-input-type-image>Image Button</a> state does not
+ <p>When 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="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state does not
<a href=#represents title=represents>represent</a> an image and the user
agent does not expect this to change, the element is expected to be
treated as a replaced element consisting of a button whose content
@@ -90696,7 +90696,7 @@
<p>When an <code><a href=#the-applet-element>applet</a></code>, <code><a href=#the-embed-element>embed</a></code>,
<code><a href=#the-iframe-element>iframe</a></code>, <code><a href=#the-img-element>img</a></code>, or <code><a href=#the-object-element>object</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 the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state, has an
+ 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 the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state, has an
<code title=attr-dim-align>align</code> attribute whose value is
an <a href=#ascii-case-insensitive>ASCII case-insensitive</a> match for the string "<code title="">center</code>" or the string "<code title="">middle</code>", the user agent is expected to act as if the
element's 'vertical-align' property was set to a value that aligns
@@ -90706,19 +90706,19 @@
<p>The <code title=attr-dim-hspace>hspace</code> attribute of
<code><a href=#the-applet-element>applet</a></code>, <code><a href=#the-embed-element>embed</a></code>, <code><a href=#the-iframe-element>iframe</a></code>,
<code><a href=#the-img-element>img</a></code>, or <code><a href=#the-object-element>object</a></code> elements, and
- <code><a href=#the-input-element>input</a></code> elements with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state, <a href=#maps-to-the-dimension-property title="maps to the dimension property">maps to the dimension
+ <code><a href=#the-input-element>input</a></code> elements with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state, <a href=#maps-to-the-dimension-property title="maps to the dimension property">maps to the dimension
properties</a> 'margin-left' and 'margin-right' on the
element.</p>
<p>The <code title=attr-dim-vspace>vspace</code> attribute of
<code><a href=#the-applet-element>applet</a></code>, <code><a href=#the-embed-element>embed</a></code>, <code><a href=#the-iframe-element>iframe</a></code>,
<code><a href=#the-img-element>img</a></code>, or <code><a href=#the-object-element>object</a></code> elements, and
- <code><a href=#the-input-element>input</a></code> elements with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state, <a href=#maps-to-the-dimension-property title="maps to the dimension property">maps to the dimension
+ <code><a href=#the-input-element>input</a></code> elements with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state, <a href=#maps-to-the-dimension-property title="maps to the dimension property">maps to the dimension
properties</a> 'margin-top' and 'margin-bottom' on the
element.</p>
<p>When an <code><a href=#the-img-element>img</a></code> element, <code><a href=#the-object-element>object</a></code> element, or
- <code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state is contained
+ <code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state is contained
within a <a href=#hyperlink>hyperlink</a> and has a <code title=attr-dim-border>border</code> attribute whose value, when
parsed using the <a href=#rules-for-parsing-non-negative-integers>rules for parsing non-negative
integers</a>, is found to be a number greater than zero, the user
@@ -90734,7 +90734,7 @@
and <code title=attr-dim-height><a href=#attr-dim-height>height</a></code> attributes on
<code><a href=#the-applet-element>applet</a></code>, <code><a href=#the-embed-element>embed</a></code>, <code><a href=#the-iframe-element>iframe</a></code>,
<code><a href=#the-img-element>img</a></code>, <code><a href=#the-object-element>object</a></code> or <code><a href=#the-video-element>video</a></code>
- elements, and <code><a href=#the-input-element>input</a></code> elements with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state, <a href=#maps-to-the-dimension-property title="maps to the dimension property">map to the dimension
+ elements, and <code><a href=#the-input-element>input</a></code> elements with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href="#image-button-state-(type=image)" title=attr-input-type-image>Image Button</a> state, <a href=#maps-to-the-dimension-property title="maps to the dimension property">map to the dimension
properties</a> 'width' and 'height' on the element
respectively.</p>
@@ -90872,12 +90872,12 @@
/* later rules override this for other values of type="" */</pre>
<p>When the <i title="">input-textfield</i> binding applies to 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=#text-state-and-search-state title=attr-input-type-text>Text</a>, <a href=#text-state-and-search-state title=attr-input-type-search>Search</a>, <a href=#telephone-state title=attr-input-type-tel>Telephone</a>, <a href=#url-state title=attr-input-type-url>URL</a>, or <a href=#e-mail-state title=attr-input-type-email>E-mail</a> state, the element is
+ <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="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>Text</a>, <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-search>Search</a>, <a href="#telephone-state-(type=tel)" title=attr-input-type-tel>Telephone</a>, <a href="#url-state-(type=url)" title=attr-input-type-url>URL</a>, or <a href="#e-mail-state-(type=email)" title=attr-input-type-email>E-mail</a> state, the element is
expected to render as an 'inline-block' box rendered as a text
field.</p>
<p>When the <i title="">input-password</i> binding applies, to 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=#password-state title=attr-input-type-password>Password</a> state, the element
+ <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="#password-state-(type=password)" title=attr-input-type-password>Password</a> state, the element
is expected to render as an 'inline-block' box rendered as a text
field whose contents are obscured.</p>
@@ -90923,37 +90923,37 @@
input[type=number i] { binding: <i title="">input-number</i>; }</pre>
<p>When the <i title="">input-datetime</i> binding applies to 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=#date-and-time-state title=attr-input-type-datetime>Date and Time</a> state, the
+ <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="#date-and-time-state-(type=datetime)" title=attr-input-type-datetime>Date and Time</a> state, the
element is expected to render as an 'inline-block' box depicting a
Date and Time control.</p>
<p>When the <i title="">input-date</i> binding applies to 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=#date-state title=attr-input-type-date>Date</a> state, the element is
+ <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="#date-state-(type=date)" title=attr-input-type-date>Date</a> state, the element is
expected to render as an 'inline-block' box depicting a Date
control.</p>
<p>When the <i title="">input-month</i> binding applies to 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=#month-state title=attr-input-type-month>Month</a> state, the element is
+ <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="#month-state-(type=month)" title=attr-input-type-month>Month</a> state, the element is
expected to render as an 'inline-block' box depicting a Month
control.</p>
<p>When the <i title="">input-week</i> binding applies to 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=#week-state title=attr-input-type-week>Week</a> state, the element is
+ <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="#week-state-(type=week)" title=attr-input-type-week>Week</a> state, the element is
expected to render as an 'inline-block' box depicting a Week
control.</p>
<p>When the <i title="">input-time</i> binding applies to 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=#time-state title=attr-input-type-time>Time</a> state, the element is
+ <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="#time-state-(type=time)" title=attr-input-type-time>Time</a> state, the element is
expected to render as an 'inline-block' box depicting a Time
control.</p>
<p>When the <i title="">input-datetime-local</i> binding applies to 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=#local-date-and-time-state title=attr-input-type-datetime-local>Local Date and Time</a>
+ <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="#local-date-and-time-state-(type=datetime-local)" title=attr-input-type-datetime-local>Local Date and Time</a>
state, the element is expected to render as an 'inline-block' box
depicting a Local Date and Time control.</p>
<p>When the <i title="">input-number</i> binding applies to 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=#number-state title=attr-input-type-number>Number</a> state, the element is
+ <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="#number-state-(type=number)" title=attr-input-type-number>Number</a> state, the element is
expected to render as an 'inline-block' box depicting a Number
control.</p>
@@ -90972,7 +90972,7 @@
input[type=range i] { binding: <i title="">input-range</i>; }</pre>
<p>When the <i title="">input-range</i> binding applies to 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=#range-state title=attr-input-type-range>Range</a> state, the element is
+ <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="#range-state-(type=range)" title=attr-input-type-range>Range</a> state, the element is
expected to render as an 'inline-block' box depicting a slider
control.</p>
@@ -90998,7 +90998,7 @@
input[type=color i] { binding: <i title="">input-color</i>; }</pre>
<p>When the <i title="">input-color</i> binding applies to 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=#color-state title=attr-input-type-color>Color</a> state, the element is
+ <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="#color-state-(type=color)" title=attr-input-type-color>Color</a> state, the element is
expected to render as an 'inline-block' box depicting a color well,
which, when activated, provides the user with a color picker (e.g. a
color wheel or color palette) from which the color can be
@@ -91021,12 +91021,12 @@
input[type=radio i] { binding: <i title="">input-radio</i>; }</pre>
<p>When the <i title="">input-checkbox</i> binding applies to 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=#checkbox-state title=attr-input-type-checkbox>Checkbox</a> state, the element
+ <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="#checkbox-state-(type=checkbox)" title=attr-input-type-checkbox>Checkbox</a> state, the element
is expected to render as an 'inline-block' box containing a single
checkbox control, with no label.</p>
<p>When the <i title="">input-radio</i> binding applies to 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=#radio-button-state title=attr-input-type-radio>Radio Button</a> state, the element
+ <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="#radio-button-state-(type=radio)" title=attr-input-type-radio>Radio Button</a> state, the element
is expected to render as an 'inline-block' box containing a single
radio button control, with no label.</p>
@@ -91042,7 +91042,7 @@
input[type=file i] { binding: <i title="">input-file</i>; }</pre>
<p>When the <i title="">input-file</i> binding applies to 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, the element
+ <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-(type=file)" title=attr-input-type-file>File Upload</a> state, the element
is expected to render as an 'inline-block' box containing a span of
text giving the filename(s) of the <a href=#concept-input-type-file-selected title=concept-input-type-file-selected>selected files</a>, if
any, followed by a button that, when activated, provides the user
@@ -91062,7 +91062,7 @@
}</pre>
<p>When the <i title="">input-button</i> binding applies to 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=#submit-button-state title=attr-input-type-submit>Submit Button</a>, <a href=#reset-button-state title=attr-input-type-reset>Reset Button</a>, or <a href=#button-state title=attr-input-type-button>Button</a> state, the element is
+ <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="#submit-button-state-(type=submit)" title=attr-input-type-submit>Submit Button</a>, <a href="#reset-button-state-(type=reset)" title=attr-input-type-reset>Reset Button</a>, or <a href="#button-state-(type=button)" title=attr-input-type-button>Button</a> state, the element is
expected to render as an 'inline-block' box rendered as a button,
about one line high, containing the contents of the element's <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute, if any, or text
derived from the element's <code title=attr-input-type><a href=#attr-input-type>type</a></code>
@@ -91988,7 +91988,7 @@
<p>Authors should not, but may despite requirements to the contrary
elsewhere in this specification, specify the <code title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code> and <code title=attr-input-size><a href=#attr-input-size>size</a></code> attributes on <code><a href=#the-input-element>input</a></code>
elements whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attributes
- are in the <a href=#number-state title=attr-input-type-number>Number</a> state.
+ are in the <a href="#number-state-(type=number)" title=attr-input-type-number>Number</a> state.
One valid reason for using these attributes regardless is to help
legacy user agents that do not support <code><a href=#the-input-element>input</a></code> elements
with <code title="">type="number"</code> to still render the text
@@ -92032,10 +92032,10 @@
empty string.</li>
<li><p>The presence of a <code title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code> attribute on 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=#number-state title=attr-input-type-number>Number</a> state.</li>
+ <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="#number-state-(type=number)" title=attr-input-type-number>Number</a> state.</li>
<li><p>The presence of a <code title=attr-input-size><a href=#attr-input-size>size</a></code> attribute on 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=#number-state title=attr-input-type-number>Number</a> state.</li>
+ <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="#number-state-(type=number)" title=attr-input-type-number>Number</a> state.</li>
</ul><p>Conformance checkers must distinguish between pages that have no
conformance errors and have none of these obsolete features, and
@@ -92071,7 +92071,7 @@
<dd><p>Either use <code><a href=#the-iframe-element>iframe</a></code> and CSS instead, or use server-side includes to generate complete pages with the various invariant parts merged in.</dd>
<dt><dfn id=isindex-0><code>isindex</code></dfn></dt>
- <dd><p>Use an explicit <code><a href=#the-form-element>form</a></code> and <a href=#text-state-and-search-state title=attr-input-type-text>text field</a> combination instead.</dd>
+ <dd><p>Use an explicit <code><a href=#the-form-element>form</a></code> and <a href="#text-(type=text)-state-and-search-state-(type=search)" title=attr-input-type-text>text field</a> combination instead.</dd>
<dt><dfn id=listing><code>listing</code></dfn></dt>
<dd><p>Use <code><a href=#the-pre-element>pre</a></code> and <code><a href=#the-code-element>code</a></code> instead.</dd>
@@ -95509,7 +95509,7 @@
<td>
<code><a href=#the-audio-element>audio</a></code> (if the <code title=attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute is present);
<code><a href=#the-img-element>img</a></code> (if the <code title=attr-hyperlink-usemap><a href=#attr-hyperlink-usemap>usemap</a></code> attribute is present);
- <code><a href=#the-input-element>input</a></code> (if the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state);
+ <code><a href=#the-input-element>input</a></code> (if the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> state);
<code><a href=#the-menu-element>menu</a></code> (if the <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#toolbar-state title="toolbar state">toolbar</a> state);
<code><a href=#the-object-element>object</a></code> (if the <code title=attr-hyperlink-usemap><a href=#attr-hyperlink-usemap>usemap</a></code> attribute is present)<!-- see also comment in <object> section -->;
<code><a href=#the-video-element>video</a></code> (if the <code title=attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute is present)
@@ -95659,7 +95659,7 @@
<td>
<code><a href=#the-audio-element>audio</a></code> (if the <code title=attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute is present);
<code><a href=#the-dl-element>dl</a></code> (if the element's children include at least one name-value group);
- <code><a href=#the-input-element>input</a></code> (if the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href=#hidden-state title=attr-input-type-hidden>Hidden</a> state);
+ <code><a href=#the-input-element>input</a></code> (if the <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href="#hidden-state-(type=hidden)" title=attr-input-type-hidden>Hidden</a> state);
<code><a href=#the-menu-element>menu</a></code> (if the <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#toolbar-state title="toolbar state">toolbar</a> state or the <a href=#list-state title="list state">list</a> state);
<code><a href=#the-ol-element>ol</a></code> (if the element's children include at least one <code><a href=#the-li-element>li</a></code> element);
<code><a href=#the-ul-element>ul</a></code> (if the element's children include at least one <code><a href=#the-li-element>li</a></code> element);
@@ -95676,7 +95676,7 @@
<th> Value
<tbody><tr><th> <code title="">accept</code>
<td> <code title=attr-input-accept><a href=#attr-input-accept>input</a></code>
- <td> Hint for expected file type in <a href=#file-upload-state title=attr-input-type-file>file upload controls</a>
+ <td> Hint for expected file type in <a href="#file-upload-state-(type=file)" title=attr-input-type-file>file upload controls</a>
<td> <a href=#set-of-comma-separated-tokens>Set of comma-separated tokens</a>* consisting of <a href=#valid-mime-type title="valid MIME type">valid MIME types with no parameters</a> or <code title="">audio/*</code>, <code title="">video/*</code>, or <code title="">image/*</code>
<tr><th> <code title="">accept-charset</code>
<td> <code title=attr-form-accept-charset><a href=#attr-form-accept-charset>form</a></code>
@@ -98042,6 +98042,7 @@
Jens Fendler,
Jens Lindström,
Jens Meiert,
+ Jeremey Hustman,
Jeremy Keith,
Jeremy Orlow,
Jeroen van der Meer,
Modified: source
===================================================================
--- source 2011-12-16 20:55:37 UTC (rev 6877)
+++ source 2011-12-16 23:24:03 UTC (rev 6878)
@@ -50939,7 +50939,7 @@
<h5>States of the <code title="attr-input-type">type</code> attribute</h5>
- <h6><dfn title="attr-input-type-hidden">Hidden</dfn> state</h6>
+ <h6><dfn title="attr-input-type-hidden">Hidden</dfn> state (<code title="">type=hidden</code>)</h6>
<div class="impl">
@@ -51025,7 +51025,7 @@
</div>
- <h6><dfn title="attr-input-type-text">Text</dfn> state and <dfn title="attr-input-type-search">Search</dfn> state</h6>
+ <h6><dfn title="attr-input-type-text">Text</dfn> (<code title="">type=text</code>) state and <dfn title="attr-input-type-search">Search</dfn> state (<code title="">type=search</code>)</h6>
<!-- v2 idea: applying input masks to <input>, e.g. for entering
data with slashes and dashes (ack Greg Kilwein)
@@ -51156,7 +51156,7 @@
</div>
- <h6><dfn title="attr-input-type-tel">Telephone</dfn> state</h6>
+ <h6><dfn title="attr-input-type-tel">Telephone</dfn> state (<code title="">type=tel</code>)</h6>
<div class="impl">
@@ -51265,7 +51265,7 @@
</div>
- <h6><dfn title="attr-input-type-url">URL</dfn> state</h6>
+ <h6><dfn title="attr-input-type-url">URL</dfn> state (<code title="">type=url</code>)</h6>
<div class="impl">
@@ -51416,7 +51416,7 @@
</div>
- <h6><dfn title="attr-input-type-email">E-mail</dfn> state</h6>
+ <h6><dfn title="attr-input-type-email">E-mail</dfn> state (<code title="">type=email</code>)</h6>
<div class="impl">
@@ -51691,7 +51691,7 @@
</div>
- <h6><dfn title="attr-input-type-password">Password</dfn> state</h6>
+ <h6><dfn title="attr-input-type-password">Password</dfn> state (<code title="">type=password</code>)</h6>
<div class="impl">
@@ -51786,7 +51786,7 @@
</div>
- <h6><dfn title="attr-input-type-datetime">Date and Time</dfn> state</h6>
+ <h6><dfn title="attr-input-type-datetime">Date and Time</dfn> state (<code title="">type=datetime</code>)</h6>
<div class="impl">
@@ -52024,7 +52024,7 @@
</div>
- <h6><dfn title="attr-input-type-date">Date</dfn> state</h6>
+ <h6><dfn title="attr-input-type-date">Date</dfn> state (<code title="">type=date</code>)</h6>
<div class="impl">
@@ -52202,7 +52202,7 @@
</div>
- <h6><dfn title="attr-input-type-month">Month</dfn> state</h6>
+ <h6><dfn title="attr-input-type-month">Month</dfn> state (<code title="">type=month</code>)</h6>
<div class="impl">
@@ -52377,7 +52377,7 @@
</div>
- <h6><dfn title="attr-input-type-week">Week</dfn> state</h6>
+ <h6><dfn title="attr-input-type-week">Week</dfn> state (<code title="">type=week</code>)</h6>
<div class="impl">
@@ -52554,7 +52554,7 @@
</div>
- <h6><dfn title="attr-input-type-time">Time</dfn> state</h6>
+ <h6><dfn title="attr-input-type-time">Time</dfn> state (<code title="">type=time</code>)</h6>
<!-- v2: allow min="" and max="" to be set such that the range
crosses midnight, as in <input type=time min="23:00" max="02:00">
@@ -52728,7 +52728,7 @@
</div>
- <h6><dfn title="attr-input-type-datetime-local">Local Date and Time</dfn> state</h6>
+ <h6><dfn title="attr-input-type-datetime-local">Local Date and Time</dfn> state (<code title="">type=datetime-local</code>)</h6>
<div class="impl">
@@ -52923,7 +52923,7 @@
</div>
- <h6><dfn title="attr-input-type-number">Number</dfn> state</h6>
+ <h6><dfn title="attr-input-type-number">Number</dfn> state (<code title="">type=number</code>)</h6>
<div class="impl">
@@ -53077,7 +53077,7 @@
</div>
- <h6><dfn title="attr-input-type-range">Range</dfn> state</h6>
+ <h6><dfn title="attr-input-type-range">Range</dfn> state (<code title="">type=range</code>)</h6>
<div class="impl">
@@ -53333,7 +53333,7 @@
- <h6><dfn title="attr-input-type-color">Color</dfn> state</h6>
+ <h6><dfn title="attr-input-type-color">Color</dfn> state (<code title="">type=color</code>)</h6>
<div class="impl">
@@ -53441,7 +53441,7 @@
</div>
- <h6><dfn title="attr-input-type-checkbox">Checkbox</dfn> state</h6>
+ <h6><dfn title="attr-input-type-checkbox">Checkbox</dfn> state (<code title="">type=checkbox</code>)</h6>
<div class="impl">
@@ -53571,7 +53571,7 @@
- <h6><dfn title="attr-input-type-radio">Radio Button</dfn> state</h6>
+ <h6><dfn title="attr-input-type-radio">Radio Button</dfn> state (<code title="">type=radio</code>)</h6>
<div class="impl">
@@ -53727,7 +53727,7 @@
- <h6><dfn title="attr-input-type-file">File Upload</dfn> state</h6>
+ <h6><dfn title="attr-input-type-file">File Upload</dfn> state (<code title="">type=file</code>)</h6>
<!-- v2 ideas:
* maximum height/width or required ratio for image uploads? - Leons Petrazickis
@@ -53938,7 +53938,7 @@
- <h6><dfn title="attr-input-type-submit">Submit Button</dfn> state</h6>
+ <h6><dfn title="attr-input-type-submit">Submit Button</dfn> state (<code title="">type=submit</code>)</h6>
<div class="impl">
@@ -54041,7 +54041,7 @@
</div>
- <h6><dfn title="attr-input-type-image">Image Button</dfn> state</h6>
+ <h6><dfn title="attr-input-type-image">Image Button</dfn> state (<code title="">type=image</code>)</h6>
<div class="impl">
@@ -54365,7 +54365,7 @@
- <h6><dfn title="attr-input-type-reset">Reset Button</dfn> state</h6>
+ <h6><dfn title="attr-input-type-reset">Reset Button</dfn> state (<code title="">type=reset</code>)</h6>
<div class="impl">
@@ -54454,7 +54454,7 @@
</div>
- <h6><dfn title="attr-input-type-button">Button</dfn> state</h6>
+ <h6><dfn title="attr-input-type-button">Button</dfn> state (<code title="">type=button</code>)</h6>
<div class="impl">
@@ -114861,6 +114861,7 @@
Jens Fendler,
Jens Lindström,
Jens Meiert,
+ Jeremey Hustman,
Jeremy Keith,
Jeremy Orlow,
Jeroen van der Meer,
More information about the Commit-Watchers
mailing list