Short URL: http://html5.org/r/2214
| SVN | Bug | Comment | Time (UTC) |
|---|---|---|---|
| 2214 | WF2: <input type=password>; mention the DOM methods and attributes explicitly for type=text also. | 2008-09-18 10:56 |
Index: source
===================================================================
--- source (revision 2213)
+++ source (revision 2214)
@@ -24492,8 +24492,8 @@
<thead>
<tr>
<td>
- <th> <span title="attr-input-type-text">Text</span>,
- <span title="attr-input-type-password">Password</span>
+ <th> <span title="attr-input-type-text">Text</span>
+ <th> <span title="attr-input-type-password">Password</span>
<th> <span title="attr-input-type-email">E-mail</span>
<th> <span title="attr-input-type-url">URL</span>
<th> <span title="attr-input-type-datetime">Date and Time</span>
@@ -24516,7 +24516,8 @@
<tbody>
<tr>
<th> <code title="attr-input-accept">accept</code>
- <td class="no"> · <!-- Text, Password -->
+ <td class="no"> · <!-- Text -->
+ <td class="no"> · <!-- Password -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- URL -->
<td class="no"> · <!-- Date and Time -->
@@ -24538,7 +24539,8 @@
<tr>
<th> <code title="attr-fs-action">action</code>
- <td class="no"> · <!-- Text, Password -->
+ <td class="no"> · <!-- Text -->
+ <td class="no"> · <!-- Password -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- URL -->
<td class="no"> · <!-- Date and Time -->
@@ -24560,7 +24562,8 @@
<tr>
<th> <code title="attr-input-alt">alt</code>
- <td class="no"> · <!-- Text, Password -->
+ <td class="no"> · <!-- Text -->
+ <td class="no"> · <!-- Password -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- URL -->
<td class="no"> · <!-- Date and Time -->
@@ -24582,7 +24585,8 @@
<tr>
<th> <code title="attr-input-autocomplete">autocomplete</code>
- <td class="yes"> Yes <!-- Text, Password -->
+ <td class="yes"> Yes <!-- Text -->
+ <td class="yes"> Yes <!-- Password -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- URL -->
<td class="no"> · <!-- Date and Time -->
@@ -24604,7 +24608,8 @@
<tr>
<th> <code title="attr-input-autofocus">autofocus</code>
- <td class="yes"> Yes <!-- Text, Password -->
+ <td class="yes"> Yes <!-- Text -->
+ <td class="yes"> Yes <!-- Password -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- URL -->
<td class="no"> · <!-- Date and Time -->
@@ -24626,7 +24631,8 @@
<tr>
<th> <code title="attr-input-checked">checked</code>
- <td class="no"> · <!-- Text, Password -->
+ <td class="no"> · <!-- Text -->
+ <td class="no"> · <!-- Password -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- URL -->
<td class="no"> · <!-- Date and Time -->
@@ -24648,7 +24654,8 @@
<tr>
<th> <code title="attr-fs-enctype">enctype</code>
- <td class="no"> · <!-- Text, Password -->
+ <td class="no"> · <!-- Text -->
+ <td class="no"> · <!-- Password -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- URL -->
<td class="no"> · <!-- Date and Time -->
@@ -24670,7 +24677,8 @@
<tr>
<th> <code title="attr-input-inputmode">inputmode</code>
- <td class="yes"> Yes <!-- Text, Password -->
+ <td class="yes"> Yes <!-- Text -->
+ <td class="yes"> Yes <!-- Password -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- URL -->
<td class="no"> · <!-- Date and Time -->
@@ -24692,7 +24700,8 @@
<tr>
<th> <code title="attr-input-list">list</code>
- <td class="yes"> Yes <!-- Text, Password -->
+ <td class="yes"> Yes <!-- Text -->
+ <td class="no"> · <!-- Password -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- URL -->
<td class="no"> · <!-- Date and Time -->
@@ -24714,7 +24723,8 @@
<tr>
<th> <code title="attr-input-max">max</code>
- <td class="no"> · <!-- Text, Password -->
+ <td class="no"> · <!-- Text -->
+ <td class="no"> · <!-- Password -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- URL -->
<td class="no"> · <!-- Date and Time -->
@@ -24736,7 +24746,8 @@
<tr>
<th> <code title="attr-input-maxlength">maxlength</code>
- <td class="yes"> Yes <!-- Text, Password -->
+ <td class="yes"> Yes <!-- Text -->
+ <td class="yes"> Yes <!-- Password -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- URL -->
<td class="no"> · <!-- Date and Time -->
@@ -24758,7 +24769,8 @@
<tr>
<th> <code title="attr-fs-method">method</code>
- <td class="no"> · <!-- Text, Password -->
+ <td class="no"> · <!-- Text -->
+ <td class="no"> · <!-- Password -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- URL -->
<td class="no"> · <!-- Date and Time -->
@@ -24780,7 +24792,8 @@
<tr>
<th> <code title="attr-input-min">min</code>
- <td class="no"> · <!-- Text, Password -->
+ <td class="no"> · <!-- Text -->
+ <td class="no"> · <!-- Password -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- URL -->
<td class="no"> · <!-- Date and Time -->
@@ -24802,7 +24815,8 @@
<tr>
<th> <code title="attr-input-pattern">pattern</code>
- <td class="yes"> Yes <!-- Text, Password -->
+ <td class="yes"> Yes <!-- Text -->
+ <td class="yes"> Yes <!-- Password -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- URL -->
<td class="no"> · <!-- Date and Time -->
@@ -24824,7 +24838,8 @@
<tr>
<th> <code title="attr-input-readonly">readonly</code>
- <td class="yes"> Yes <!-- Text, Password -->
+ <td class="yes"> Yes <!-- Text -->
+ <td class="yes"> Yes <!-- Password -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- URL -->
<td class="no"> · <!-- Date and Time -->
@@ -24846,7 +24861,8 @@
<tr>
<th> <code title="attr-input-required">required</code>
- <td class="yes"> Yes <!-- Text, Password -->
+ <td class="yes"> Yes <!-- Text -->
+ <td class="yes"> Yes <!-- Password -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- URL -->
<td class="no"> · <!-- Date and Time -->
@@ -24868,7 +24884,8 @@
<tr>
<th> <code title="attr-input-size">size</code>
- <td class="yes"> Yes <!-- Text, Password -->
+ <td class="yes"> Yes <!-- Text -->
+ <td class="yes"> Yes <!-- Password -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- URL -->
<td class="no"> · <!-- Date and Time -->
@@ -24890,7 +24907,8 @@
<tr>
<th> <code title="attr-input-src">src</code>
- <td class="no"> · <!-- Text, Password -->
+ <td class="no"> · <!-- Text -->
+ <td class="no"> · <!-- Password -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- URL -->
<td class="no"> · <!-- Date and Time -->
@@ -24912,7 +24930,8 @@
<tr>
<th> <code title="attr-input-step">step</code>
- <td class="no"> · <!-- Text, Password -->
+ <td class="no"> · <!-- Text -->
+ <td class="no"> · <!-- Password -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- URL -->
<td class="no"> · <!-- Date and Time -->
@@ -24934,7 +24953,8 @@
<tr>
<th> <code title="attr-fs-target">target</code>
- <td class="no"> · <!-- Text, Password -->
+ <td class="no"> · <!-- Text -->
+ <td class="no"> · <!-- Password -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- URL -->
<td class="no"> · <!-- Date and Time -->
@@ -24956,7 +24976,8 @@
<tr>
<th> <code title="dom-input-checked">checked</code>
- <td class="no"> · <!-- Text, Password -->
+ <td class="no"> · <!-- Text -->
+ <td class="no"> · <!-- Password -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- URL -->
<td class="no"> · <!-- Date and Time -->
@@ -24978,7 +24999,8 @@
<tr>
<th> <code title="dom-input-valueAsDate">valueAsDate</code>
- <td class="no"> · <!-- Text, Password -->
+ <td class="no"> · <!-- Text -->
+ <td class="no"> · <!-- Password -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- URL -->
<td class="no"> · <!-- Date and Time -->
@@ -25000,7 +25022,8 @@
<tr>
<th> <code title="dom-input-valueAsNumber">valueAsNumber</code>
- <td class="no"> · <!-- Text, Password -->
+ <td class="no"> · <!-- Text -->
+ <td class="no"> · <!-- Password -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- URL -->
<td class="no"> · <!-- Date and Time -->
@@ -25022,7 +25045,8 @@
<tr>
<th> <code title="dom-input-list">list</code>
- <td class="yes"> Yes <!-- Text, Password -->
+ <td class="yes"> Yes <!-- Text -->
+ <td class="no"> · <!-- Password -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- URL -->
<td class="no"> · <!-- Date and Time -->
@@ -25044,7 +25068,8 @@
<tr>
<th> <code title="dom-input-selectedOption">selectedOption</code>
- <td class="yes"> Yes <!-- Text, Password -->
+ <td class="yes"> Yes <!-- Text -->
+ <td class="no"> · <!-- Password -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- URL -->
<td class="no"> · <!-- Date and Time -->
@@ -25066,7 +25091,8 @@
<tr>
<th> <code title="dom-input-stepUp">stepUp()</code>
- <td class="no"> · <!-- Text, Password -->
+ <td class="no"> · <!-- Text -->
+ <td class="no"> · <!-- Password -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- URL -->
<td class="no"> · <!-- Date and Time -->
@@ -25088,7 +25114,8 @@
<tr>
<th> <code title="dom-input-stepDown">stepDown()</code>
- <td class="no"> · <!-- Text, Password -->
+ <td class="no"> · <!-- Text -->
+ <td class="no"> · <!-- Password -->
<td class="no"> · <!-- E-mail -->
<td class="no"> · <!-- URL -->
<td class="no"> · <!-- Date and Time -->
@@ -25261,15 +25288,17 @@
the <code title="attr-input-value">value</code> content attribute
and <span>strip line breaks from the value</span>.</p>
- <p><strong>The <span><code title="dom-input-value">value</code>
- setter algorithm</span> is as follows:</strong> Set the <span
+ <p><strong>The <span title="attr-input-type-text">Text</span>
+ state's <span><code title="dom-input-value">value</code> setter
+ algorithm</span> is as follows:</strong> Set the <span
title="concept-fe-value">value</span> of the element to the new
value and <span>strip line breaks from the value</span>.</p>
<p>When an <code>input</code> element's <code
title="attr-input-type">type</code> attribute is in the <span
title="attr-input-type-text">Text</span> state, the following common
- <code>input</code> element attributes apply to the element:
+ <code>input</code> element content attributes, DOM attributes, and
+ methods apply to the element:
<code title="attr-input-autocomplete">autocomplete</code>,
<code title="attr-input-autofocus">autofocus</code>,
<code title="attr-input-inputmode">inputmode</code>,
@@ -25278,12 +25307,15 @@
<code title="attr-input-pattern">pattern</code>,
<code title="attr-input-readonly">readonly</code>,
<code title="attr-input-required">required</code>, and
- <code title="attr-input-size">size</code>.</p>
+ <code title="attr-input-size">size</code> content attributes;
+ <code title="dom-input-list">list</code>, and
+ <code title="dom-input-selectedOption">selectedOption</code> DOM attributes.
<p>When an <code>input</code> element's <code
title="attr-input-type">type</code> attribute is in the <span
title="attr-input-type-text">Text</span> state, the following
- attributes must not be specified and do not apply:
+ content attributes must not be specified and do not apply to the
+ element:
<code class="no-backref" title="attr-input-accept">accept</code>,
<code class="no-backref" title="attr-input-alt">alt</code>,
<code class="no-backref" title="attr-input-checked">checked</code>,
@@ -25296,18 +25328,109 @@
<code class="no-backref" title="attr-fs-enctype">enctype</code>, and
<code class="no-backref" title="attr-fs-action">action</code>.</p>
+ <p>When an <code>input</code> element's <code
+ title="attr-input-type">type</code> attribute is in the <span
+ title="attr-input-type-text">Text</span> state, the following DOM
+ attributes and methods do not apply to the element:
+ <code class="no-backref" title="dom-input-checked">checked</code>,
+ <code class="no-backref" title="dom-input-valueAsDate">valueAsDate</code>,
+ <code class="no-backref" title="dom-input-valueAsNumber">valueAsNumber</code>,
+ <code class="no-backref" title="dom-input-stepUp">stepUp()</code>, and
+ <code class="no-backref" title="dom-input-stepDown">stepDown()</code>.</p>
+
<h6><dfn title="attr-input-type-password">Password</dfn> state</h6>
<p>When an <code>input</code> element's <code title="attr-input-type">type</code>
attribute has the value <code title="attr-input-type-password-keyword">password</code>,
it is in the <span title="attr-input-type-password">Password</span> state.</p>
- <p class="big-issue">...</p>
+ <p>When an <code>input</code> element's <code
+ title="attr-input-type">type</code> attribute is in the <span
+ title="attr-input-type-password">Password</span> state, the element
+ represents a one line plain text edit control for the element's
+ <span title="concept-fe-value">value</span>. The user agent should
+ obscure the value so that people other than the user cannot see
+ it.</p>
+ <p>If an <code>input</code> element whose <code
+ title="attr-input-type">type</code> attribute is in the <span
+ title="attr-input-type-password">Password</span> state is <i
+ title="concept-input-mutable">mutable</i>, its <span
+ title="concept-fe-value">value</span> should be editable by the
+ user. User agents must not allow users to insert U+000A LINE FEED
+ (LF) or U+000D CARRIAGE RETURN (CR) characters into the <span
+ title="concept-fe-value">value</span> of such <code>input</code>
+ elements.</p>
+ <p><strong>The <span
+ title="attr-input-type-password">Password</span> state's
+ <span>control initialization algorithm</span> is as
+ follows:</strong> <span>Strip line breaks from the value</span>.</p>
+ <p><strong>The <span
+ title="attr-input-type-password">Password</span> state's
+ <span>default value change algorithm</span> is as follows:</strong>
+ If the <code>input</code> element is not <i
+ title="concept-input-dirty">dirty</i> then set the <span
+ title="concept-fe-value">value</span> of the element to the value of
+ the <code title="attr-input-value">value</code> content attribute
+ and <span>strip line breaks from the value</span>.</p>
+
+ <p><strong>The <span
+ title="attr-input-type-password">Password</span> state's <span><code
+ title="dom-input-value">value</code> setter algorithm</span> is as
+ follows:</strong> Set the <span
+ title="concept-fe-value">value</span> of the element to the new
+ value and <span>strip line breaks from the value</span>.</p>
+
+ <p>When an <code>input</code> element's <code
+ title="attr-input-type">type</code> attribute is in the <span
+ title="attr-input-type-password">Password</span> state, the
+ following common <code>input</code> element content attributes apply
+ to the element:
+ <code title="attr-input-autocomplete">autocomplete</code>,
+ <code title="attr-input-autofocus">autofocus</code>,
+ <code title="attr-input-inputmode">inputmode</code>,
+ <code title="attr-input-maxlength">maxlength</code>,
+ <code title="attr-input-pattern">pattern</code>,
+ <code title="attr-input-readonly">readonly</code>,
+ <code title="attr-input-required">required</code>, and
+ <code title="attr-input-size">size</code>.
+
+ <p>When an <code>input</code> element's <code
+ title="attr-input-type">type</code> attribute is in the <span
+ title="attr-input-type-password">Password</span> state, the
+ following content attributes must not be specified and do not apply
+ to the element:
+ <code class="no-backref" title="attr-input-accept">accept</code>,
+ <code class="no-backref" title="attr-input-alt">alt</code>,
+ <code class="no-backref" title="attr-input-checked">checked</code>,
+ <code class="no-backref" title="attr-input-list">list</code>,
+ <code class="no-backref" title="attr-input-max">max</code>,
+ <code class="no-backref" title="attr-input-min">min</code>,
+ <code class="no-backref" title="attr-input-src">src</code>,
+ <code class="no-backref" title="attr-input-step">step</code>,
+ <code class="no-backref" title="attr-fs-target">target</code>,
+ <code class="no-backref" title="attr-fs-method">method</code>,
+ <code class="no-backref" title="attr-fs-enctype">enctype</code>, and
+ <code class="no-backref" title="attr-fs-action">action</code>.</p>
+
+ <p>When an <code>input</code> element's <code
+ title="attr-input-type">type</code> attribute is in the <span
+ title="attr-input-type-password">Password</span> state, the
+ following DOM attributes and methods do not apply to the element:
+ <code class="no-backref" title="dom-input-checked">checked</code>,
+ <code class="no-backref" title="dom-input-list">list</code>,
+ <code class="no-backref" title="dom-input-selectedOption">selectedOption</code>,
+ <code class="no-backref" title="dom-input-valueAsDate">valueAsDate</code>,
+ <code class="no-backref" title="dom-input-valueAsNumber">valueAsNumber</code>,
+ <code class="no-backref" title="dom-input-stepUp">stepUp()</code>, and
+ <code class="no-backref" title="dom-input-stepDown">stepDown()</code>.</p>
+
+
+
<h6><dfn title="attr-input-type-email">E-mail</dfn> state</h6>
<p>When an <code>input</code> element's <code title="attr-input-type">type</code>