<li><a href=#the-input-element-as-a-text-entry-widget><span class=secno>10.4.11 </span>The <code>input</code> element as a text entry widget</a></li>
<li><a href=#the-input-element-as-domain-specific-widgets><span class=secno>10.4.12 </span>The <code>input</code> element as domain-specific widgets</a></li>
<li><a href=#the-input-element-as-a-range-control><span class=secno>10.4.13 </span>The <code>input</code> element as a range control</a></li>
<li><a href=#the-input-element-as-a-color-well><span class=secno>10.4.14 </span>The <code>input</code> element as a color well</a></li>
<li><a href=#the-input-element-as-a-check-box-widget><span class=secno>10.4.15 </span>The <code>input</code> element as a check box widget</a></li>
<li><a href=#the-input-element-as-a-radio-button-widget><span class=secno>10.4.16 </span>The <code>input</code> element as a radio button widget</a></li>
<li><a href=#the-input-element-as-a-file-upload-control><span class=secno>10.4.17 </span>The <code>input</code> element as a file upload control</a></li>
<li><a href=#the-input-element-as-a-button><span class=secno>10.4.18 </span>The <code>input</code> element as a button</a></li>
<li><a href=#the-input-element-as-a-text-entry-widget><span class=secno>10.4.10 </span>The <code>input</code> element as a text entry widget</a></li>
<li><a href=#the-input-element-as-domain-specific-widgets><span class=secno>10.4.11 </span>The <code>input</code> element as domain-specific widgets</a></li>
<li><a href=#the-input-element-as-a-range-control><span class=secno>10.4.12 </span>The <code>input</code> element as a range control</a></li>
<li><a href=#the-input-element-as-a-color-well><span class=secno>10.4.13 </span>The <code>input</code> element as a color well</a></li>
<li><a href=#the-input-element-as-a-check-box-widget><span class=secno>10.4.14 </span>The <code>input</code> element as a check box widget</a></li>
<li><a href=#the-input-element-as-a-radio-button-widget><span class=secno>10.4.15 </span>The <code>input</code> element as a radio button widget</a></li>
<li><a href=#the-input-element-as-a-file-upload-control><span class=secno>10.4.16 </span>The <code>input</code> element as a file upload control</a></li>
<li><a href=#the-input-element-as-a-button><span class=secno>10.4.17 </span>The <code>input</code> element as a button</a></li>
<!-- align=left|right|center (as auto margins), width=(int=>width:px; %->width:%)
<h4 id=the-input-element-as-a-text-entry-widget><span class=secno>10.4.11 </span>The <code><a href=#the-input-element>input</a></code> element as a text entry widget</h4>
<h4 id=the-input-element-as-a-text-entry-widget><span class=secno>10.4.10 </span>The <code><a href=#the-input-element>input</a></code> element as a text entry widget</h4>
<p class=XXX>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>, <a href=#text-state-and-search-state title=attr-input-type-search>Search</a>, <a href=#url-state title=attr-input-type-url>URL</a>, <a href=#e-mail-state title=attr-input-type-email>E-mail</a>, or <a href=#password-state title=attr-input-type-password>Password</a> state, ...</p>
<h4 id=the-input-element-as-domain-specific-widgets><span class=secno>10.4.12 </span>The <code><a href=#the-input-element>input</a></code> element as domain-specific widgets</h4>
<h4 id=the-input-element-as-domain-specific-widgets><span class=secno>10.4.11 </span>The <code><a href=#the-input-element>input</a></code> element as domain-specific widgets</h4>
<p class=XXX>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>, <a href=#date-state title=attr-input-type-date>Date</a>, <a href=#month-state title=attr-input-type-month>Month</a>, <a href=#week-state title=attr-input-type-week>Week</a>, <a href=#time-state title=attr-input-type-time>Time</a>, <a href=#local-date-and-time-state title=attr-input-type-datetime-local>Local Date and Time</a> or
<h4 id=the-input-element-as-a-range-control><span class=secno>10.4.13 </span>The <code><a href=#the-input-element>input</a></code> element as a range control</h4>
<h4 id=the-input-element-as-a-range-control><span class=secno>10.4.12 </span>The <code><a href=#the-input-element>input</a></code> element as a range control</h4>
<p class=XXX>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, ...</p>
<!-- datalist presentation -->
<h4 id=the-input-element-as-a-color-well><span class=secno>10.4.14 </span>The <code><a href=#the-input-element>input</a></code> element as a color well</h4>
<h4 id=the-input-element-as-a-color-well><span class=secno>10.4.13 </span>The <code><a href=#the-input-element>input</a></code> element as a color well</h4>
<p class=XXX>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, ...</p>
<!-- datalist presentation -->
<h4 id=the-input-element-as-a-check-box-widget><span class=secno>10.4.15 </span>The <code><a href=#the-input-element>input</a></code> element as a check box widget</h4>
<h4 id=the-input-element-as-a-check-box-widget><span class=secno>10.4.14 </span>The <code><a href=#the-input-element>input</a></code> element as a check box widget</h4>
<p class=XXX>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, ...</p>
<h4 id=the-input-element-as-a-radio-button-widget><span class=secno>10.4.16 </span>The <code><a href=#the-input-element>input</a></code> element as a radio button widget</h4>
<h4 id=the-input-element-as-a-radio-button-widget><span class=secno>10.4.15 </span>The <code><a href=#the-input-element>input</a></code> element as a radio button widget</h4>
<p class=XXX>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, ...</p>
<h4 id=the-input-element-as-a-file-upload-control><span class=secno>10.4.17 </span>The <code><a href=#the-input-element>input</a></code> element as a file upload control</h4>
<h4 id=the-input-element-as-a-file-upload-control><span class=secno>10.4.16 </span>The <code><a href=#the-input-element>input</a></code> element as a file upload control</h4>
<p class=XXX>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, ...</p>
<h4 id=the-input-element-as-a-button><span class=secno>10.4.18 </span>The <code><a href=#the-input-element>input</a></code> element as a button</h4>
<h4 id=the-input-element-as-a-button><span class=secno>10.4.17 </span>The <code><a href=#the-input-element>input</a></code> element as a button</h4>
<p class=XXX>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> <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, ...</p>
<p>Given an element (e.g. the element designated by the mouse
cursor), if the element, or one of its ancestors, has a <code title=attr-title><a href=#the-title-attribute>title</a></code> attribute, and the nearest such