Permalink
Browse files

[] (0) WF2: <input type=password>; mention the DOM methods and attrib…

…utes explicitly for type=text also.

git-svn-id: http://svn.whatwg.org/webapps@2214 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information...
1 parent bdf804c commit ac5e47212741e39dfe294511d90fea135bd31caf @Hixie Hixie committed Sep 18, 2008
Showing with 359 additions and 75 deletions.
  1. +201 −40 index
  2. +158 −35 source
View
241 index
@@ -27441,8 +27441,9 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<td>
- <th> <a href="#text2" title=attr-input-type-text>Text</a>, <a
- href="#password1" title=attr-input-type-password>Password</a>
+ <th> <a href="#text2" title=attr-input-type-text>Text</a>
+
+ <th> <a href="#password1" title=attr-input-type-password>Password</a>
<th> <a href="#e-mail0" title=attr-input-type-email>E-mail</a>
@@ -27486,7 +27487,9 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title=attr-input-accept>accept</code>
- <td class=no> &middot; <!-- Text, Password -->
+ <td class=no> &middot; <!-- Text -->
+
+ <td class=no> &middot; <!-- Password -->
<td class=no> &middot; <!-- E-mail -->
@@ -27527,7 +27530,9 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title=attr-fs-action><a href="#action">action</a></code>
- <td class=no> &middot; <!-- Text, Password -->
+ <td class=no> &middot; <!-- Text -->
+
+ <td class=no> &middot; <!-- Password -->
<td class=no> &middot; <!-- E-mail -->
@@ -27568,7 +27573,9 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title=attr-input-alt>alt</code>
- <td class=no> &middot; <!-- Text, Password -->
+ <td class=no> &middot; <!-- Text -->
+
+ <td class=no> &middot; <!-- Password -->
<td class=no> &middot; <!-- E-mail -->
@@ -27610,7 +27617,9 @@ function AddCloud(data, x, y) { ... }</pre>
<th> <code title=attr-input-autocomplete><a
href="#autocomplete0">autocomplete</a></code>
- <td class=yes> Yes <!-- Text, Password -->
+ <td class=yes> Yes <!-- Text -->
+
+ <td class=yes> Yes <!-- Password -->
<td class=no> &middot; <!-- E-mail -->
@@ -27651,7 +27660,9 @@ function AddCloud(data, x, y) { ... }</pre>
<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> &middot; <!-- E-mail -->
@@ -27692,7 +27703,9 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title=attr-input-checked>checked</code>
- <td class=no> &middot; <!-- Text, Password -->
+ <td class=no> &middot; <!-- Text -->
+
+ <td class=no> &middot; <!-- Password -->
<td class=no> &middot; <!-- E-mail -->
@@ -27733,7 +27746,9 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title=attr-fs-enctype><a href="#enctype">enctype</a></code>
- <td class=no> &middot; <!-- Text, Password -->
+ <td class=no> &middot; <!-- Text -->
+
+ <td class=no> &middot; <!-- Password -->
<td class=no> &middot; <!-- E-mail -->
@@ -27774,7 +27789,9 @@ function AddCloud(data, x, y) { ... }</pre>
<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> &middot; <!-- E-mail -->
@@ -27815,7 +27832,9 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title=attr-input-list>list</code>
- <td class=yes> Yes <!-- Text, Password -->
+ <td class=yes> Yes <!-- Text -->
+
+ <td class=no> &middot; <!-- Password -->
<td class=no> &middot; <!-- E-mail -->
@@ -27856,7 +27875,9 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title=attr-input-max>max</code>
- <td class=no> &middot; <!-- Text, Password -->
+ <td class=no> &middot; <!-- Text -->
+
+ <td class=no> &middot; <!-- Password -->
<td class=no> &middot; <!-- E-mail -->
@@ -27897,7 +27918,9 @@ function AddCloud(data, x, y) { ... }</pre>
<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> &middot; <!-- E-mail -->
@@ -27938,7 +27961,9 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title=attr-fs-method><a href="#method">method</a></code>
- <td class=no> &middot; <!-- Text, Password -->
+ <td class=no> &middot; <!-- Text -->
+
+ <td class=no> &middot; <!-- Password -->
<td class=no> &middot; <!-- E-mail -->
@@ -27979,7 +28004,9 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title=attr-input-min>min</code>
- <td class=no> &middot; <!-- Text, Password -->
+ <td class=no> &middot; <!-- Text -->
+
+ <td class=no> &middot; <!-- Password -->
<td class=no> &middot; <!-- E-mail -->
@@ -28020,7 +28047,9 @@ function AddCloud(data, x, y) { ... }</pre>
<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> &middot; <!-- E-mail -->
@@ -28061,7 +28090,9 @@ function AddCloud(data, x, y) { ... }</pre>
<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> &middot; <!-- E-mail -->
@@ -28102,7 +28133,9 @@ function AddCloud(data, x, y) { ... }</pre>
<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> &middot; <!-- E-mail -->
@@ -28143,7 +28176,9 @@ function AddCloud(data, x, y) { ... }</pre>
<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> &middot; <!-- E-mail -->
@@ -28184,7 +28219,9 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title=attr-input-src>src</code>
- <td class=no> &middot; <!-- Text, Password -->
+ <td class=no> &middot; <!-- Text -->
+
+ <td class=no> &middot; <!-- Password -->
<td class=no> &middot; <!-- E-mail -->
@@ -28225,7 +28262,9 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title=attr-input-step>step</code>
- <td class=no> &middot; <!-- Text, Password -->
+ <td class=no> &middot; <!-- Text -->
+
+ <td class=no> &middot; <!-- Password -->
<td class=no> &middot; <!-- E-mail -->
@@ -28266,7 +28305,9 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title=attr-fs-target><a href="#target3">target</a></code>
- <td class=no> &middot; <!-- Text, Password -->
+ <td class=no> &middot; <!-- Text -->
+
+ <td class=no> &middot; <!-- Password -->
<td class=no> &middot; <!-- E-mail -->
@@ -28308,7 +28349,9 @@ function AddCloud(data, x, y) { ... }</pre>
<th> <code title=dom-input-checked><a
href="#checked1">checked</a></code>
- <td class=no> &middot; <!-- Text, Password -->
+ <td class=no> &middot; <!-- Text -->
+
+ <td class=no> &middot; <!-- Password -->
<td class=no> &middot; <!-- E-mail -->
@@ -28350,7 +28393,9 @@ function AddCloud(data, x, y) { ... }</pre>
<th> <code title=dom-input-valueAsDate><a
href="#valueasdate">valueAsDate</a></code>
- <td class=no> &middot; <!-- Text, Password -->
+ <td class=no> &middot; <!-- Text -->
+
+ <td class=no> &middot; <!-- Password -->
<td class=no> &middot; <!-- E-mail -->
@@ -28392,7 +28437,9 @@ function AddCloud(data, x, y) { ... }</pre>
<th> <code title=dom-input-valueAsNumber><a
href="#valueasnumber">valueAsNumber</a></code>
- <td class=no> &middot; <!-- Text, Password -->
+ <td class=no> &middot; <!-- Text -->
+
+ <td class=no> &middot; <!-- Password -->
<td class=no> &middot; <!-- E-mail -->
@@ -28433,7 +28480,9 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title=dom-input-list><a href="#list">list</a></code>
- <td class=yes> Yes <!-- Text, Password -->
+ <td class=yes> Yes <!-- Text -->
+
+ <td class=no> &middot; <!-- Password -->
<td class=no> &middot; <!-- E-mail -->
@@ -28475,7 +28524,9 @@ function AddCloud(data, x, y) { ... }</pre>
<th> <code title=dom-input-selectedOption><a
href="#selectedoption">selectedOption</a></code>
- <td class=yes> Yes <!-- Text, Password -->
+ <td class=yes> Yes <!-- Text -->
+
+ <td class=no> &middot; <!-- Password -->
<td class=no> &middot; <!-- E-mail -->
@@ -28516,7 +28567,9 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title=dom-input-stepUp><a href="#stepup">stepUp()</a></code>
- <td class=no> &middot; <!-- Text, Password -->
+ <td class=no> &middot; <!-- Text -->
+
+ <td class=no> &middot; <!-- Password -->
<td class=no> &middot; <!-- E-mail -->
@@ -28558,7 +28611,9 @@ function AddCloud(data, x, y) { ... }</pre>
<th> <code title=dom-input-stepDown><a
href="#stepdown">stepDown()</a></code>
- <td class=no> &middot; <!-- Text, Password -->
+ <td class=no> &middot; <!-- Text -->
+
+ <td class=no> &middot; <!-- Password -->
<td class=no> &middot; <!-- E-mail -->
@@ -28757,16 +28812,18 @@ function AddCloud(data, x, y) { ... }</pre>
href="#value8">value</a></code> content attribute and <a
href="#strip">strip line breaks from the value</a>.
- <p><strong>The <a href="#value10"><code title=dom-input-value>value</code>
- setter algorithm</a> is as follows:</strong> Set the <a href="#value12"
+ <p><strong>The <a href="#text2" title=attr-input-type-text>Text</a> state's
+ <a href="#value10"><code title=dom-input-value>value</code> setter
+ algorithm</a> is as follows:</strong> Set the <a href="#value12"
title=concept-fe-value>value</a> of the element to the new value and <a
href="#strip">strip line breaks from the value</a>.
<p>When an <code><a href="#input0">input</a></code> element's <code
title=attr-input-type><a href="#type12">type</a></code> attribute is in
the <a href="#text2" title=attr-input-type-text>Text</a> state, the
- following common <code><a href="#input0">input</a></code> element
- attributes apply to the element: <code title=attr-input-autocomplete><a
+ following common <code><a href="#input0">input</a></code> element content
+ attributes, DOM attributes, and methods apply to the element: <code
+ title=attr-input-autocomplete><a
href="#autocomplete0">autocomplete</a></code>, <code
title=attr-input-autofocus>autofocus</code>, <code
title=attr-input-inputmode>inputmode</code>, <code
@@ -28775,16 +28832,19 @@ function AddCloud(data, x, y) { ... }</pre>
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>.
+ title=attr-input-size>size</code> content attributes; <code
+ title=dom-input-list><a href="#list">list</a></code>, and <code
+ title=dom-input-selectedOption><a
+ href="#selectedoption">selectedOption</a></code> DOM attributes.
<p>When an <code><a href="#input0">input</a></code> element's <code
title=attr-input-type><a href="#type12">type</a></code> attribute is in
the <a href="#text2" title=attr-input-type-text>Text</a> state, the
- following attributes must not be specified and do not apply: <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-max>max</code>, <code class=no-backref
+ 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-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
@@ -28794,6 +28854,19 @@ function AddCloud(data, x, y) { ... }</pre>
href="#enctype">enctype</a></code>, and <code class=no-backref
title=attr-fs-action><a href="#action">action</a></code>.
+ <p>When an <code><a href="#input0">input</a></code> element's <code
+ title=attr-input-type><a href="#type12">type</a></code> attribute is in
+ the <a href="#text2" title=attr-input-type-text>Text</a> state, the
+ following DOM attributes and methods do not apply to the element: <code
+ class=no-backref title=dom-input-checked><a
+ href="#checked1">checked</a></code>, <code class=no-backref
+ title=dom-input-valueAsDate><a href="#valueasdate">valueAsDate</a></code>,
+ <code class=no-backref title=dom-input-valueAsNumber><a
+ href="#valueasnumber">valueAsNumber</a></code>, <code class=no-backref
+ title=dom-input-stepUp><a href="#stepup">stepUp()</a></code>, and <code
+ class=no-backref title=dom-input-stepDown><a
+ href="#stepdown">stepDown()</a></code>.
+
<h6 id=password><span class=secno>4.9.4.1.2. </span><dfn id=password1
title=attr-input-type-password>Password</dfn> state</h6>
@@ -28803,7 +28876,95 @@ function AddCloud(data, x, y) { ... }</pre>
href="#password0">password</a></code>, it is in the <a href="#password1"
title=attr-input-type-password>Password</a> state.
- <p class=big-issue>...
+ <p>When an <code><a href="#input0">input</a></code> element's <code
+ title=attr-input-type><a href="#type12">type</a></code> attribute is in
+ the <a href="#password1" title=attr-input-type-password>Password</a>
+ state, the element represents a one line plain text edit control for the
+ element's <a href="#value12" title=concept-fe-value>value</a>. The user
+ agent should obscure the value so that people other than the user cannot
+ see it.
+
+ <p>If an <code><a href="#input0">input</a></code> element whose <code
+ title=attr-input-type><a href="#type12">type</a></code> attribute is in
+ the <a href="#password1" title=attr-input-type-password>Password</a> state
+ is <i title=concept-input-mutable><a href="#mutable">mutable</a></i>, its
+ <a href="#value12" title=concept-fe-value>value</a> 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 <a href="#value12"
+ title=concept-fe-value>value</a> of such <code><a
+ href="#input0">input</a></code> elements.
+
+ <p><strong>The <a href="#password1"
+ title=attr-input-type-password>Password</a> state's <a
+ href="#control0">control initialization algorithm</a> is as
+ follows:</strong> <a href="#strip">Strip line breaks from the value</a>.
+
+ <p><strong>The <a href="#password1"
+ title=attr-input-type-password>Password</a> state's <a
+ href="#default2">default value change algorithm</a> is as
+ follows:</strong> If the <code><a href="#input0">input</a></code> element
+ is not <i title=concept-input-dirty><a href="#dirty0">dirty</a></i> then
+ set the <a href="#value12" title=concept-fe-value>value</a> of the element
+ to the value of the <code title=attr-input-value><a
+ href="#value8">value</a></code> content attribute and <a
+ href="#strip">strip line breaks from the value</a>.
+
+ <p><strong>The <a href="#password1"
+ title=attr-input-type-password>Password</a> state's <a
+ href="#value10"><code title=dom-input-value>value</code> setter
+ algorithm</a> is as follows:</strong> Set the <a href="#value12"
+ title=concept-fe-value>value</a> of the element to the new value and <a
+ href="#strip">strip line breaks from the value</a>.
+
+ <p>When an <code><a href="#input0">input</a></code> element's <code
+ title=attr-input-type><a href="#type12">type</a></code> attribute is in
+ the <a href="#password1" title=attr-input-type-password>Password</a>
+ state, the following common <code><a href="#input0">input</a></code>
+ element content attributes apply to the element: <code
+ title=attr-input-autocomplete><a
+ href="#autocomplete0">autocomplete</a></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><a href="#input0">input</a></code> element's <code
+ title=attr-input-type><a href="#type12">type</a></code> attribute is in
+ the <a href="#password1" title=attr-input-type-password>Password</a>
+ 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><a href="#target3">target</a></code>, <code
+ class=no-backref title=attr-fs-method><a href="#method">method</a></code>,
+ <code class=no-backref title=attr-fs-enctype><a
+ href="#enctype">enctype</a></code>, and <code class=no-backref
+ title=attr-fs-action><a href="#action">action</a></code>.
+
+ <p>When an <code><a href="#input0">input</a></code> element's <code
+ title=attr-input-type><a href="#type12">type</a></code> attribute is in
+ the <a href="#password1" title=attr-input-type-password>Password</a>
+ state, the following DOM attributes and methods do not apply to the
+ element: <code class=no-backref title=dom-input-checked><a
+ href="#checked1">checked</a></code>, <code class=no-backref
+ title=dom-input-list><a href="#list">list</a></code>, <code
+ class=no-backref title=dom-input-selectedOption><a
+ href="#selectedoption">selectedOption</a></code>, <code class=no-backref
+ title=dom-input-valueAsDate><a href="#valueasdate">valueAsDate</a></code>,
+ <code class=no-backref title=dom-input-valueAsNumber><a
+ href="#valueasnumber">valueAsNumber</a></code>, <code class=no-backref
+ title=dom-input-stepUp><a href="#stepup">stepUp()</a></code>, and <code
+ class=no-backref title=dom-input-stepDown><a
+ href="#stepdown">stepDown()</a></code>.
<h6 id=e-mail><span class=secno>4.9.4.1.3. </span><dfn id=e-mail0
title=attr-input-type-email>E-mail</dfn> state</h6>
View
193 source
@@ -24492,8 +24492,8 @@ function AddCloud(data, x, y) { ... }</pre>
<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 @@ function AddCloud(data, x, y) { ... }</pre>
<tbody>
<tr>
<th> <code title="attr-input-accept">accept</code>
- <td class="no"> &middot; <!-- Text, Password -->
+ <td class="no"> &middot; <!-- Text -->
+ <td class="no"> &middot; <!-- Password -->
<td class="no"> &middot; <!-- E-mail -->
<td class="no"> &middot; <!-- URL -->
<td class="no"> &middot; <!-- Date and Time -->
@@ -24538,7 +24539,8 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title="attr-fs-action">action</code>
- <td class="no"> &middot; <!-- Text, Password -->
+ <td class="no"> &middot; <!-- Text -->
+ <td class="no"> &middot; <!-- Password -->
<td class="no"> &middot; <!-- E-mail -->
<td class="no"> &middot; <!-- URL -->
<td class="no"> &middot; <!-- Date and Time -->
@@ -24560,7 +24562,8 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title="attr-input-alt">alt</code>
- <td class="no"> &middot; <!-- Text, Password -->
+ <td class="no"> &middot; <!-- Text -->
+ <td class="no"> &middot; <!-- Password -->
<td class="no"> &middot; <!-- E-mail -->
<td class="no"> &middot; <!-- URL -->
<td class="no"> &middot; <!-- Date and Time -->
@@ -24582,7 +24585,8 @@ function AddCloud(data, x, y) { ... }</pre>
<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"> &middot; <!-- E-mail -->
<td class="no"> &middot; <!-- URL -->
<td class="no"> &middot; <!-- Date and Time -->
@@ -24604,7 +24608,8 @@ function AddCloud(data, x, y) { ... }</pre>
<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"> &middot; <!-- E-mail -->
<td class="no"> &middot; <!-- URL -->
<td class="no"> &middot; <!-- Date and Time -->
@@ -24626,7 +24631,8 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title="attr-input-checked">checked</code>
- <td class="no"> &middot; <!-- Text, Password -->
+ <td class="no"> &middot; <!-- Text -->
+ <td class="no"> &middot; <!-- Password -->
<td class="no"> &middot; <!-- E-mail -->
<td class="no"> &middot; <!-- URL -->
<td class="no"> &middot; <!-- Date and Time -->
@@ -24648,7 +24654,8 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title="attr-fs-enctype">enctype</code>
- <td class="no"> &middot; <!-- Text, Password -->
+ <td class="no"> &middot; <!-- Text -->
+ <td class="no"> &middot; <!-- Password -->
<td class="no"> &middot; <!-- E-mail -->
<td class="no"> &middot; <!-- URL -->
<td class="no"> &middot; <!-- Date and Time -->
@@ -24670,7 +24677,8 @@ function AddCloud(data, x, y) { ... }</pre>
<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"> &middot; <!-- E-mail -->
<td class="no"> &middot; <!-- URL -->
<td class="no"> &middot; <!-- Date and Time -->
@@ -24692,7 +24700,8 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title="attr-input-list">list</code>
- <td class="yes"> Yes <!-- Text, Password -->
+ <td class="yes"> Yes <!-- Text -->
+ <td class="no"> &middot; <!-- Password -->
<td class="no"> &middot; <!-- E-mail -->
<td class="no"> &middot; <!-- URL -->
<td class="no"> &middot; <!-- Date and Time -->
@@ -24714,7 +24723,8 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title="attr-input-max">max</code>
- <td class="no"> &middot; <!-- Text, Password -->
+ <td class="no"> &middot; <!-- Text -->
+ <td class="no"> &middot; <!-- Password -->
<td class="no"> &middot; <!-- E-mail -->
<td class="no"> &middot; <!-- URL -->
<td class="no"> &middot; <!-- Date and Time -->
@@ -24736,7 +24746,8 @@ function AddCloud(data, x, y) { ... }</pre>
<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"> &middot; <!-- E-mail -->
<td class="no"> &middot; <!-- URL -->
<td class="no"> &middot; <!-- Date and Time -->
@@ -24758,7 +24769,8 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title="attr-fs-method">method</code>
- <td class="no"> &middot; <!-- Text, Password -->
+ <td class="no"> &middot; <!-- Text -->
+ <td class="no"> &middot; <!-- Password -->
<td class="no"> &middot; <!-- E-mail -->
<td class="no"> &middot; <!-- URL -->
<td class="no"> &middot; <!-- Date and Time -->
@@ -24780,7 +24792,8 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title="attr-input-min">min</code>
- <td class="no"> &middot; <!-- Text, Password -->
+ <td class="no"> &middot; <!-- Text -->
+ <td class="no"> &middot; <!-- Password -->
<td class="no"> &middot; <!-- E-mail -->
<td class="no"> &middot; <!-- URL -->
<td class="no"> &middot; <!-- Date and Time -->
@@ -24802,7 +24815,8 @@ function AddCloud(data, x, y) { ... }</pre>
<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"> &middot; <!-- E-mail -->
<td class="no"> &middot; <!-- URL -->
<td class="no"> &middot; <!-- Date and Time -->
@@ -24824,7 +24838,8 @@ function AddCloud(data, x, y) { ... }</pre>
<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"> &middot; <!-- E-mail -->
<td class="no"> &middot; <!-- URL -->
<td class="no"> &middot; <!-- Date and Time -->
@@ -24846,7 +24861,8 @@ function AddCloud(data, x, y) { ... }</pre>
<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"> &middot; <!-- E-mail -->
<td class="no"> &middot; <!-- URL -->
<td class="no"> &middot; <!-- Date and Time -->
@@ -24868,7 +24884,8 @@ function AddCloud(data, x, y) { ... }</pre>
<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"> &middot; <!-- E-mail -->
<td class="no"> &middot; <!-- URL -->
<td class="no"> &middot; <!-- Date and Time -->
@@ -24890,7 +24907,8 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title="attr-input-src">src</code>
- <td class="no"> &middot; <!-- Text, Password -->
+ <td class="no"> &middot; <!-- Text -->
+ <td class="no"> &middot; <!-- Password -->
<td class="no"> &middot; <!-- E-mail -->
<td class="no"> &middot; <!-- URL -->
<td class="no"> &middot; <!-- Date and Time -->
@@ -24912,7 +24930,8 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title="attr-input-step">step</code>
- <td class="no"> &middot; <!-- Text, Password -->
+ <td class="no"> &middot; <!-- Text -->
+ <td class="no"> &middot; <!-- Password -->
<td class="no"> &middot; <!-- E-mail -->
<td class="no"> &middot; <!-- URL -->
<td class="no"> &middot; <!-- Date and Time -->
@@ -24934,7 +24953,8 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title="attr-fs-target">target</code>
- <td class="no"> &middot; <!-- Text, Password -->
+ <td class="no"> &middot; <!-- Text -->
+ <td class="no"> &middot; <!-- Password -->
<td class="no"> &middot; <!-- E-mail -->
<td class="no"> &middot; <!-- URL -->
<td class="no"> &middot; <!-- Date and Time -->
@@ -24956,7 +24976,8 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title="dom-input-checked">checked</code>
- <td class="no"> &middot; <!-- Text, Password -->
+ <td class="no"> &middot; <!-- Text -->
+ <td class="no"> &middot; <!-- Password -->
<td class="no"> &middot; <!-- E-mail -->
<td class="no"> &middot; <!-- URL -->
<td class="no"> &middot; <!-- Date and Time -->
@@ -24978,7 +24999,8 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title="dom-input-valueAsDate">valueAsDate</code>
- <td class="no"> &middot; <!-- Text, Password -->
+ <td class="no"> &middot; <!-- Text -->
+ <td class="no"> &middot; <!-- Password -->
<td class="no"> &middot; <!-- E-mail -->
<td class="no"> &middot; <!-- URL -->
<td class="no"> &middot; <!-- Date and Time -->
@@ -25000,7 +25022,8 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title="dom-input-valueAsNumber">valueAsNumber</code>
- <td class="no"> &middot; <!-- Text, Password -->
+ <td class="no"> &middot; <!-- Text -->
+ <td class="no"> &middot; <!-- Password -->
<td class="no"> &middot; <!-- E-mail -->
<td class="no"> &middot; <!-- URL -->
<td class="no"> &middot; <!-- Date and Time -->
@@ -25022,7 +25045,8 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title="dom-input-list">list</code>
- <td class="yes"> Yes <!-- Text, Password -->
+ <td class="yes"> Yes <!-- Text -->
+ <td class="no"> &middot; <!-- Password -->
<td class="no"> &middot; <!-- E-mail -->
<td class="no"> &middot; <!-- URL -->
<td class="no"> &middot; <!-- Date and Time -->
@@ -25044,7 +25068,8 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title="dom-input-selectedOption">selectedOption</code>
- <td class="yes"> Yes <!-- Text, Password -->
+ <td class="yes"> Yes <!-- Text -->
+ <td class="no"> &middot; <!-- Password -->
<td class="no"> &middot; <!-- E-mail -->
<td class="no"> &middot; <!-- URL -->
<td class="no"> &middot; <!-- Date and Time -->
@@ -25066,7 +25091,8 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title="dom-input-stepUp">stepUp()</code>
- <td class="no"> &middot; <!-- Text, Password -->
+ <td class="no"> &middot; <!-- Text -->
+ <td class="no"> &middot; <!-- Password -->
<td class="no"> &middot; <!-- E-mail -->
<td class="no"> &middot; <!-- URL -->
<td class="no"> &middot; <!-- Date and Time -->
@@ -25088,7 +25114,8 @@ function AddCloud(data, x, y) { ... }</pre>
<tr>
<th> <code title="dom-input-stepDown">stepDown()</code>
- <td class="no"> &middot; <!-- Text, Password -->
+ <td class="no"> &middot; <!-- Text -->
+ <td class="no"> &middot; <!-- Password -->
<td class="no"> &middot; <!-- E-mail -->
<td class="no"> &middot; <!-- URL -->
<td class="no"> &middot; <!-- Date and Time -->
@@ -25261,15 +25288,17 @@ function AddCloud(data, x, y) { ... }</pre>
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 @@ function AddCloud(data, x, y) { ... }</pre>
<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,6 +25328,16 @@ function AddCloud(data, x, y) { ... }</pre>
<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>
@@ -25304,7 +25346,88 @@ function AddCloud(data, x, y) { ... }</pre>
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>

0 comments on commit ac5e472

Please sign in to comment.