Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
[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 17afcd9
Show file tree
Hide file tree
Showing 2 changed files with 80 additions and 10 deletions.
48 changes: 41 additions & 7 deletions index
Expand Up @@ -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>
Expand Down Expand Up @@ -23377,9 +23377,13 @@ function AddCloud(data, x, y) { ... }</pre>
<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
Expand Down Expand Up @@ -23452,7 +23456,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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
Expand All @@ -23464,7 +23468,8 @@ function AddCloud(data, x, y) { ... }</pre>

<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>
Expand All @@ -23487,6 +23492,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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 -->
Expand All @@ -23509,6 +23515,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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 -->
Expand All @@ -23531,6 +23538,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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 -->
Expand All @@ -23553,6 +23561,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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 -->
Expand All @@ -23575,6 +23584,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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 -->
Expand All @@ -23597,6 +23607,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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 -->
Expand All @@ -23619,6 +23630,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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 -->
Expand All @@ -23641,6 +23653,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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 -->
Expand All @@ -23663,6 +23676,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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 -->
Expand All @@ -23685,6 +23699,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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 -->
Expand All @@ -23707,6 +23722,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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 -->
Expand All @@ -23729,6 +23745,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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 -->
Expand All @@ -23751,6 +23768,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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 -->
Expand All @@ -23773,6 +23791,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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 -->
Expand All @@ -23795,6 +23814,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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 -->
Expand All @@ -23817,6 +23837,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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 -->
Expand All @@ -23839,6 +23860,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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 -->
Expand All @@ -23861,6 +23883,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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 -->
Expand All @@ -23883,6 +23906,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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 -->
Expand All @@ -23905,6 +23929,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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 -->
Expand All @@ -23927,6 +23952,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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 -->
Expand All @@ -23949,6 +23975,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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 -->
Expand All @@ -23971,6 +23998,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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 -->
Expand All @@ -23993,6 +24021,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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 -->
Expand All @@ -24015,6 +24044,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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 -->
Expand All @@ -24037,6 +24067,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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 -->
Expand All @@ -24059,6 +24090,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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 -->
Expand All @@ -24081,6 +24113,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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 -->
Expand All @@ -24103,6 +24136,7 @@ function AddCloud(data, x, y) { ... }</pre>
<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 -->
Expand Down Expand Up @@ -24309,10 +24343,10 @@ function AddCloud(data, x, y) { ... }</pre>
</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>
Expand Down

0 comments on commit 17afcd9

Please sign in to comment.