HTML Standard Tracker

Diff (omit for latest revision)
Filter

Short URL: http://html5.org/r/2214

File a bug

SVNBugCommentTime (UTC)
2214WF2: <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"> &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 @@
 
     <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 @@
 
     <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 @@
 
     <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 @@
 
     <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 @@
 
     <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 @@
 
     <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 @@
 
     <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 @@
 
     <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 @@
 
     <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 @@
 
     <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 @@
 
     <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 @@
 
     <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 @@
 
     <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 @@
 
     <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 @@
 
     <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 @@
 
     <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 @@
 
     <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 @@
 
     <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 @@
 
     <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 @@
 
     <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 @@
 
     <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 @@
 
     <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 @@
 
     <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 @@
 
     <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 @@
 
     <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 @@
 
     <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 @@
   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>

|