Skip to content
Permalink
Browse files

[w] (2) WF2: <input type=search>

git-svn-id: http://svn.whatwg.org/webapps@2429 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information...
Hixie committed Nov 22, 2008
1 parent 58576f7 commit 17afcd9787c833af98c46a2450d85ad579033a16
Showing with 80 additions and 10 deletions.
  1. +41 −7 index
  2. +39 −3 source
48 index
@@ -505,7 +505,7 @@
<li><a href=#states-of-the-type-attribute><span class=secno>4.10.4.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.4.1.1 </span>Hidden state</a></li>
<li><a href=#text-state><span class=secno>4.10.4.1.2 </span>Text state</a></li>
<li><a href=#text-state-and-search-state><span class=secno>4.10.4.1.2 </span>Text state and </a></li>
<li><a href=#e-mail-state><span class=secno>4.10.4.1.3 </span>E-mail state</a></li>
<li><a href=#url-state><span class=secno>4.10.4.1.4 </span>URL state</a></li>
<li><a href=#password-state><span class=secno>4.10.4.1.5 </span>Password state</a></li>
<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 title=attr-input-type-text>Text</a>
<td> <a href=#text-state-and-search-state title=attr-input-type-text>Text</a>
<td> Text with no line breaks
<td> 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> Text with no line breaks
<td> Search 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> An e-mail address
<td> <a href=#button-state 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 title=attr-input-type-text>Text</a> state.</p>
</table><p>The <i>missing value default</i> is the <a href=#text-state-and-search-state title=attr-input-type-text>Text</a> state.</p>

<p>Which of the <code title=attr-input-accept><a href=#attr-input-accept>accept</a></code>, <code title=attr-fs-action><a href=#attr-fs-action>action</a></code>, <code title=attr-input-alt><a href=#attr-input-alt>alt</a></code>, <code title=attr-input-autocomplete><a href=#attr-input-autocomplete>autocomplete</a></code>, <code title=attr-input-checked><a href=#attr-input-checked>checked</a></code>, <code title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>, and <code title=attr-input-list><a href=#attr-input-list>list</a></code>, <code title=attr-input-max><a href=#attr-input-max>max</a></code>, <code title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>, <code title=attr-fs-method><a href=#attr-fs-method>method</a></code>, <code title=attr-input-min><a href=#attr-input-min>min</a></code>, <code title=attr-input-pattern><a href=#attr-input-pattern>pattern</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-fs-target><a href=#attr-fs-target>target</a></code> attributes apply to an
<code><a href=#the-input-element>input</a></code> element depends on the state of its <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute. Similarly, the <code title=dom-input-checked><a href=#dom-input-checked>checked</a></code>, <code title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>, <code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, <code title=dom-input-list><a href=#dom-input-list>list</a></code>, and <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code> DOM

<table class=applies><thead><tr><td>
<th> <span><a href=#hidden-state title=attr-input-type-hidden>Hidden</a></span>
<th> <span><a href=#text-state title=attr-input-type-text>Text</a>,</span>
<th> <span><a href=#text-state-and-search-state title=attr-input-type-text>Text</a>,</span>
<span><a href=#text-state-and-search-state title=attr-input-type-search>Search</a>,</span>
<span><a href=#e-mail-state title=attr-input-type-email>E-mail</a>,</span>
<a href=#url><span title=attr-input-type-url>URL</span></a>
<th> <span><a href=#password-state title=attr-input-type-password>Password</a></span>
<tbody><tr><th> <code title=attr-input-accept><a href=#attr-input-accept>accept</a></code>
<td class=no> &middot; <!-- Hidden -->
<td class=no> &middot; <!-- Text -->
<!-- <td class="no"> &middot; Search -->
<!-- <td class="no"> &middot; E-mail -->
<!-- <td class="no"> &middot; URL -->
<td class=no> &middot; <!-- Password -->
<tr><th> <code title=attr-fs-action><a href=#attr-fs-action>action</a></code>
<td class=no> &middot; <!-- Hidden -->
<td class=no> &middot; <!-- Text -->
<!-- <td class="no"> &middot; Search -->
<!-- <td class="no"> &middot; E-mail -->
<!-- <td class="no"> &middot; URL -->
<td class=no> &middot; <!-- Password -->
<tr><th> <code title=attr-input-alt><a href=#attr-input-alt>alt</a></code>
<td class=no> &middot; <!-- Hidden -->
<td class=no> &middot; <!-- Text -->
<!-- <td class="no"> &middot; Search -->
<!-- <td class="no"> &middot; E-mail -->
<!-- <td class="no"> &middot; URL -->
<td class=no> &middot; <!-- Password -->
<tr><th> <code title=attr-input-autocomplete><a href=#attr-input-autocomplete>autocomplete</a></code>
<td class=no> &middot; <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
<!-- <td class="yes"> Yes E-mail -->
<!-- <td class="yes"> Yes URL -->
<td class=yes> Yes <!-- Password -->
<tr><th> <code title=attr-input-checked><a href=#attr-input-checked>checked</a></code>
<td class=no> &middot; <!-- Hidden -->
<td class=no> &middot; <!-- Text -->
<!-- <td class="no"> &middot; Search -->
<!-- <td class="no"> &middot; E-mail -->
<!-- <td class="no"> &middot; URL -->
<td class=no> &middot; <!-- Password -->
<tr><th> <code title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>
<td class=no> &middot; <!-- Hidden -->
<td class=no> &middot; <!-- Text -->
<!-- <td class="no"> &middot; Search -->
<!-- <td class="no"> &middot; E-mail -->
<!-- <td class="no"> &middot; URL -->
<td class=no> &middot; <!-- Password -->
<tr><th> <code title=attr-input-list><a href=#attr-input-list>list</a></code>
<td class=no> &middot; <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
<!-- <td class="yes"> Yes E-mail -->
<!-- <td class="yes"> Yes URL -->
<td class=no> &middot; <!-- Password -->
<tr><th> <code title=attr-input-max><a href=#attr-input-max>max</a></code>
<td class=no> &middot; <!-- Hidden -->
<td class=no> &middot; <!-- Text -->
<!-- <td class="no"> &middot; Search -->
<!-- <td class="no"> &middot; E-mail -->
<!-- <td class="no"> &middot; URL -->
<td class=no> &middot; <!-- Password -->
<tr><th> <code title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>
<td class=no> &middot; <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
<!-- <td class="yes"> Yes E-mail -->
<!-- <td class="yes"> Yes URL -->
<td class=yes> Yes <!-- Password -->
<tr><th> <code title=attr-fs-method><a href=#attr-fs-method>method</a></code>
<td class=no> &middot; <!-- Hidden -->
<td class=no> &middot; <!-- Text -->
<!-- <td class="no"> &middot; Search -->
<!-- <td class="no"> &middot; E-mail -->
<!-- <td class="no"> &middot; URL -->
<td class=no> &middot; <!-- Password -->
<tr><th> <code title=attr-input-min><a href=#attr-input-min>min</a></code>
<td class=no> &middot; <!-- Hidden -->
<td class=no> &middot; <!-- Text -->
<!-- <td class="no"> &middot; Search -->
<!-- <td class="no"> &middot; E-mail -->
<!-- <td class="no"> &middot; URL -->
<td class=no> &middot; <!-- Password -->
<tr><th> <code title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>
<td class=no> &middot; <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
<!-- <td class="yes"> Yes E-mail -->
<!-- <td class="yes"> Yes URL -->
<td class=yes> Yes <!-- Password -->
<tr><th> <code title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code>
<td class=no> &middot; <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
<!-- <td class="yes"> Yes E-mail -->
<!-- <td class="yes"> Yes URL -->
<td class=yes> Yes <!-- Password -->
<tr><th> <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code>
<td class=no> &middot; <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
<!-- <td class="yes"> Yes E-mail -->
<!-- <td class="yes"> Yes URL -->
<td class=yes> Yes <!-- Password -->
<tr><th> <code title=attr-input-required><a href=#attr-input-required>required</a></code>
<td class=no> &middot; <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
<!-- <td class="yes"> Yes E-mail -->
<!-- <td class="yes"> Yes URL -->
<td class=yes> Yes <!-- Password -->
<tr><th> <code title=attr-input-size><a href=#attr-input-size>size</a></code>
<td class=no> &middot; <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
<!-- <td class="yes"> Yes E-mail -->
<!-- <td class="yes"> Yes URL -->
<td class=yes> Yes <!-- Password -->
<tr><th> <code title=attr-input-src><a href=#attr-input-src>src</a></code>
<td class=no> &middot; <!-- Hidden -->
<td class=no> &middot; <!-- Text -->
<!-- <td class="no"> &middot; Search -->
<!-- <td class="no"> &middot; E-mail -->
<!-- <td class="no"> &middot; URL -->
<td class=no> &middot; <!-- Password -->
<tr><th> <code title=attr-input-step><a href=#attr-input-step>step</a></code>
<td class=no> &middot; <!-- Hidden -->
<td class=no> &middot; <!-- Text -->
<!-- <td class="no"> &middot; Search -->
<!-- <td class="no"> &middot; E-mail -->
<!-- <td class="no"> &middot; URL -->
<td class=no> &middot; <!-- Password -->
<tr><th> <code title=attr-fs-target><a href=#attr-fs-target>target</a></code>
<td class=no> &middot; <!-- Hidden -->
<td class=no> &middot; <!-- Text -->
<!-- <td class="no"> &middot; Search -->
<!-- <td class="no"> &middot; E-mail -->
<!-- <td class="no"> &middot; URL -->
<td class=no> &middot; <!-- Password -->
<tr><th> <code title=dom-input-checked><a href=#dom-input-checked>checked</a></code>
<td class=no> &middot; <!-- Hidden -->
<td class=no> &middot; <!-- Text -->
<!-- <td class="no"> &middot; Search -->
<!-- <td class="no"> &middot; E-mail -->
<!-- <td class="no"> &middot; URL -->
<td class=no> &middot; <!-- Password -->
<tr><th> <code title=dom-input-value><a href=#dom-input-value>value</a></code>
<td class=yes> <a href=#dom-input-value-value title=dom-input-value-value>value</a> <!-- Hidden -->
<td class=yes> <a href=#dom-input-value-value title=dom-input-value-value>value</a> <!-- Text -->
<!-- <td class="yes"> <span title="dom-input-value-value">value</span> Search -->
<!-- <td class="yes"> <span title="dom-input-value-value">value</span> E-mail -->
<!-- <td class="yes"> <span title="dom-input-value-value">value</span> URL -->
<td class=yes> <a href=#dom-input-value-value title=dom-input-value-value>value</a> <!-- Password -->
<tr><th> <code title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>
<td class=no> &middot; <!-- Hidden -->
<td class=no> &middot; <!-- Text -->
<!-- <td class="no"> &middot; Search -->
<!-- <td class="no"> &middot; E-mail -->
<!-- <td class="no"> &middot; URL -->
<td class=no> &middot; <!-- Password -->
<tr><th> <code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>
<td class=no> &middot; <!-- Hidden -->
<td class=no> &middot; <!-- Text -->
<!-- <td class="no"> &middot; Search -->
<!-- <td class="no"> &middot; E-mail -->
<!-- <td class="no"> &middot; URL -->
<td class=no> &middot; <!-- Password -->
<tr><th> <code title=dom-input-list><a href=#dom-input-list>list</a></code>
<td class=no> &middot; <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
<!-- <td class="yes"> Yes E-mail -->
<!-- <td class="yes"> Yes URL -->
<td class=no> &middot; <!-- Password -->
<tr><th> <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code>
<td class=no> &middot; <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
<!-- <td class="yes"> Yes E-mail -->
<!-- <td class="yes"> Yes URL -->
<td class=no> &middot; <!-- Password -->
<tr><th> <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>
<td class=no> &middot; <!-- Hidden -->
<td class=no> &middot; <!-- Text -->
<!-- <td class="no"> &middot; Search -->
<!-- <td class="no"> &middot; E-mail -->
<!-- <td class="no"> &middot; URL -->
<td class=no> &middot; <!-- Password -->
<tr><th> <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code>
<td class=no> &middot; <!-- Hidden -->
<td class=no> &middot; <!-- Text -->
<!-- <td class="no"> &middot; Search -->
<!-- <td class="no"> &middot; E-mail -->
<!-- <td class="no"> &middot; URL -->
<td class=no> &middot; <!-- Password -->
<tr><th> <code title=event-input-input><a href=#event-input-input>input</a></code> event
<td class=no> &middot; <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
<!-- <td class="yes"> Yes E-mail -->
<!-- <td class="yes"> Yes URL -->
<td class=yes> Yes <!-- Password -->
<tr><th> <code title=event-input-change><a href=#event-input-change>change</a></code> event
<td class=no> &middot; <!-- Hidden -->
<td class=yes> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
<!-- <td class="yes"> Yes E-mail -->
<!-- <td class="yes"> Yes URL -->
<td class=yes> Yes <!-- Password -->
</div>


<h6 id=text-state><span class=secno>4.10.4.1.2 </span><dfn title=attr-input-type-text>Text</dfn> state</h6>
<h6 id=text-state-and-search-state><span class=secno>4.10.4.1.2 </span><dfn title=attr-input-type-text>Text</dfn> state and <dfn title=attr-input-type-search>Search</dfn> state</h6>

<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 title=attr-input-type-text>Text</a> state, the rules in this
section apply.</p>
<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
this section apply.</p>

<p>The <code><a href=#the-input-element>input</a></code> element represents a one line plain text
edit control for the element's <a href=#concept-fe-value title=concept-fe-value>value</a>.</p>

0 comments on commit 17afcd9

Please sign in to comment.
You can’t perform that action at this time.