spec/Overview.html 1.1581 2409 WF2: <input placeholder=''> (whatwg r240

WF2: <input placeholder=''> (whatwg r2409)

4.10.4.1.19 Reset Button state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#reset-button-state
4.10.4.1.14 Checkbox state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#checkbox-state
radio button group
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#radio-button-group
4.10.4.1.12 Number state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#number-state
4.10.4 The input element
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#the-input-element
4.10.4.1.10 Time state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#time-state
selected coordinate
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#concept-input-type-image-coordinate
HTMLInputElement
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#htmlinputelement
Index
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#index
4.10.4.1.1 Hidden state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#hidden-state
valid e-mail address
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#valid-e-mail-address
button
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#attr-input-type-button-keyword
4.10.4.1.6 Date and Time state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#date-and-time-state
default value
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#concept-input-value-default-range
4.10.4.1.20 Button state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#button-state
accept
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#attr-input-accept
4.10.4.1.5 Password state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#password-state
maxLength
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#dom-input-maxlength
accept
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#dom-input-accept
4.10.4.1.9 Week state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#week-state
4.10.4.1.11 Local Date and Time state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#local-date-and-time-state
4.10.4.1.7 Date state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#date-state
4.10.4.3 Common input element APIs
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#common-input-element-apis
immutable
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#concept-input-immutable
value
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#dom-input-value-value
4.10.4.1.4 URL state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#url-state
step base
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#concept-input-min-zero
4.10.4.1.8 Month state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#month-state
4.10.4.2.10 The placeholder attribute
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#the-placeholder-attribute
4.10.4.1.17 Submit Button state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#submit-button-state
4.10.4.1.2 Text state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1581.html#text-state

http://people.w3.org/mike/diffs/html5/spec/Overview.diff.html
http://dev.w3.org/cvsweb/html5/spec/Overview.html?r1=1.1580&r2=1.1581&f=h
http://html5.org/tools/web-apps-tracker?from=2408&to=2409

===================================================================
RCS file: /sources/public/html5/spec/Overview.html,v
retrieving revision 1.1580
retrieving revision 1.1581
diff -u -d -r1.1580 -r1.1581
--- Overview.html 17 Nov 2008 01:14:30 -0000 1.1580
+++ Overview.html 17 Nov 2008 10:05:59 -0000 1.1581
@@ -471,7 +471,8 @@
          <li><a href=#the-maxlength-attribute><span class=secno>4.10.4.2.6 </span>The <code title=attr-input-maxlength>maxlength</code> attribute</a></li>
          <li><a href=#the-pattern-attribute><span class=secno>4.10.4.2.7 </span>The <code title=attr-input-pattern>pattern</code> attribute</a></li>
          <li><a href=#the-min-and-max-attributes><span class=secno>4.10.4.2.8 </span>The <code title=attr-input-min>min</code> and <code title=attr-input-max>max</code> attributes</a></li>
-         <li><a href=#the-step-attribute><span class=secno>4.10.4.2.9 </span>The <code title=attr-input-step>step</code> attribute</a></ol></li>
+         <li><a href=#the-step-attribute><span class=secno>4.10.4.2.9 </span>The <code title=attr-input-step>step</code> attribute</a></li>
+         <li><a href=#the-placeholder-attribute><span class=secno>4.10.4.2.10 </span>The <code title=attr-input-placeholder>placeholder</code> attribute</a></ol></li>
        <li><a href=#common-input-element-apis><span class=secno>4.10.4.3 </span>Common <code>input</code> element APIs</a></li>
        <li><a href=#common-event-behaviors><span class=secno>4.10.4.4 </span>Common event behaviors</a></ol></li>
      <li><a href=#the-button-element><span class=secno>4.10.5 </span>The <code>button</code> element</a></li>
@@ -18911,6 +18912,7 @@
    <dd><code title=attr-input-min><a href=#attr-input-min>min</a></code></dd>
    <dd><code title=attr-fe-name><a href=#attr-fe-name>name</a></code></dd>
    <dd><code title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code></dd>
+   <dd><code title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code></dd>
    <dd><code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code></dd>
    <dd><code title=attr-input-required><a href=#attr-input-required>required</a></code></dd>
    <dd><code title=attr-input-size><a href=#attr-input-size>size</a></code></dd>
@@ -18939,6 +18941,7 @@
            attribute DOMString <a href=#dom-input-min title=dom-input-min>min</a>;
            attribute DOMString <a href=#dom-fe-name title=dom-fe-name>name</a>;
            attribute DOMString <a href=#dom-input-pattern title=dom-input-pattern>pattern</a>;
+           attribute DOMString <a href=#dom-input-placeholder title=dom-input-placeholder>placeholder</a>;
            attribute boolean <a href=#dom-input-readonly title=dom-input-readOnly>readOnly</a>;
            attribute boolean <a href=#dom-input-required title=dom-input-required>required</a>;
            attribute unsigned long <a href=#dom-input-size title=dom-input-size>size</a>;
@@ -19346,6 +19349,28 @@
      <td class=no> &middot; <!-- Reset Button -->
 <!-- <td class="no"> &middot;      Button -->
 
+    <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          E-mail -->
+<!-- <td class="yes"> Yes          URL -->
+     <td class=yes> Yes     <!-- Password -->
+     <td class=no> &middot; <!-- Date and Time -->
+<!-- <td class="no"> &middot;      Date -->
+<!-- <td class="no"> &middot;      Month -->
+<!-- <td class="no"> &middot;      Week -->
+<!-- <td class="no"> &middot;      Time -->
+     <td class=no> &middot; <!-- Local Date and Time -->
+<!-- <td class="no"> &middot;      Number -->
+     <td class=no> &middot; <!-- Range -->
+     <td class=no> &middot; <!-- Checkbox -->
+<!-- <td class="no"> &middot;      Radio Button -->
+     <td class=no> &middot; <!-- File Upload -->
+     <td class=no> &middot; <!-- Submit Button -->
+     <td class=no> &middot; <!-- Image Button -->
+     <td class=no> &middot; <!-- Reset Button -->
+<!-- <td class="no"> &middot;      Button -->
+
     <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 -->
@@ -19767,7 +19792,7 @@
   attribute represents the element's name. The <code title=attr-fe-disabled><a href=#attr-fe-disabled>disabled</a></code> attribute is used to make
   the control non-interactive and to prevent its value from being
   submitted. The <code title=attr-fe-autofocus><a href=#attr-fe-autofocus>autofocus</a></code>
-  attribute controls focus.<p>The <dfn id=dom-input-accept title=dom-input-accept><code>accept</code></dfn>, <dfn id=dom-input-alt title=dom-input-alt><code>alt</code></dfn>, <dfn id=dom-input-autocomplete title=dom-input-autocomplete><code>autocomplete</code></dfn>, <dfn id=dom-input-max title=dom-input-max><code>max</code></dfn>, <dfn id=dom-input-min title=dom-input-min><code>min</code></dfn>, <dfn id=dom-input-pattern title=dom-input-pattern><code>pattern</code></dfn>, <dfn id=dom-input-required title=dom-input-required><code>required</code></dfn>, <dfn id=dom-input-size title=dom-input-size><code>size</code></dfn>, <dfn id=dom-input-src title=dom-input-src><code>src</code></dfn>, <dfn id=dom-input-step title=dom-input-step><code>step</code></dfn>, and <dfn id=dom-input-type title=dom-input-type><code>type</code></dfn> DOM attributes must
+  attribute controls focus.<p>The <dfn id=dom-input-accept title=dom-input-accept><code>accept</code></dfn>, <dfn id=dom-input-alt title=dom-input-alt><code>alt</code></dfn>, <dfn id=dom-input-autocomplete title=dom-input-autocomplete><code>autocomplete</code></dfn>, <dfn id=dom-input-max title=dom-input-max><code>max</code></dfn>, <dfn id=dom-input-min title=dom-input-min><code>min</code></dfn>, <dfn id=dom-input-pattern title=dom-input-pattern><code>pattern</code></dfn>, <dfn id=dom-input-placeholder title=dom-input-placeholder><code>placeholder</code></dfn>, <dfn id=dom-input-required title=dom-input-required><code>required</code></dfn>, <dfn id=dom-input-size title=dom-input-size><code>size</code></dfn>, <dfn id=dom-input-src title=dom-input-src><code>src</code></dfn>, <dfn id=dom-input-step title=dom-input-step><code>step</code></dfn>, and <dfn id=dom-input-type title=dom-input-type><code>type</code></dfn> DOM attributes must
   <a href=#reflect>reflect</a> the respective content attributes of the same
   name.  The <dfn id=dom-input-maxlength title=dom-input-maxLength><code>maxLength</code></dfn> DOM
   attribute must <a href=#reflect>reflect</a> the <code title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code> content attribute. The
@@ -19813,6 +19838,7 @@
    <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>,
    <code class=no-backref title=attr-input-min><a href=#attr-input-min>min</a></code>,
    <code class=no-backref title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>,
+   <code class=no-backref title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code>,
    <code class=no-backref title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code>,
    <code class=no-backref title=attr-input-required><a href=#attr-input-required>required</a></code>,
    <code class=no-backref title=attr-input-size><a href=#attr-input-size>size</a></code>,
@@ -19849,6 +19875,7 @@
    <code title=attr-input-list><a href=#attr-input-list>list</a></code>,
    <code title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>,
    <code title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>,
+   <code title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</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>, and
    <code title=attr-input-size><a href=#attr-input-size>size</a></code> content attributes;
@@ -19908,6 +19935,7 @@
    <code title=attr-input-list><a href=#attr-input-list>list</a></code>,
    <code title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>,
    <code title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>,
+   <code title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</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>, and
    <code title=attr-input-size><a href=#attr-input-size>size</a></code> content attributes;
@@ -19967,6 +19995,7 @@
    <code title=attr-input-list><a href=#attr-input-list>list</a></code>,
    <code title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>,
    <code title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>,
+   <code title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</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>, and
    <code title=attr-input-size><a href=#attr-input-size>size</a></code> content attributes;
@@ -20017,6 +20046,7 @@
    <code title=attr-input-autocomplete><a href=#attr-input-autocomplete>autocomplete</a></code>,
    <code title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>,
    <code title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>,
+   <code title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</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>, and
    <code title=attr-input-size><a href=#attr-input-size>size</a></code> content attributes;
@@ -20141,6 +20171,7 @@
    <code class=no-backref title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>,
    <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>,
    <code class=no-backref title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>,
+   <code class=no-backref title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code>,
    <code class=no-backref title=attr-input-size><a href=#attr-input-size>size</a></code>,
    <code class=no-backref title=attr-input-src><a href=#attr-input-src>src</a></code>, and
    <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>.</p>
@@ -20234,6 +20265,7 @@
    <code class=no-backref title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>,
    <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>,
    <code class=no-backref title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>,
+   <code class=no-backref title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code>,
    <code class=no-backref title=attr-input-size><a href=#attr-input-size>size</a></code>,
    <code class=no-backref title=attr-input-src><a href=#attr-input-src>src</a></code>, and
    <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>.</p>
@@ -20325,6 +20357,7 @@
    <code class=no-backref title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>,
    <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>,
    <code class=no-backref title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>,
+   <code class=no-backref title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code>,
    <code class=no-backref title=attr-input-size><a href=#attr-input-size>size</a></code>,
    <code class=no-backref title=attr-input-src><a href=#attr-input-src>src</a></code>, and
    <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>.</p>
@@ -20418,6 +20451,7 @@
    <code class=no-backref title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>,
    <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>,
    <code class=no-backref title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>,
+   <code class=no-backref title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code>,
    <code class=no-backref title=attr-input-size><a href=#attr-input-size>size</a></code>,
    <code class=no-backref title=attr-input-src><a href=#attr-input-src>src</a></code>, and
    <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>.</p>
@@ -20505,6 +20539,7 @@
    <code class=no-backref title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>,
    <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>,
    <code class=no-backref title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>,
+   <code class=no-backref title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code>,
    <code class=no-backref title=attr-input-size><a href=#attr-input-size>size</a></code>,
    <code class=no-backref title=attr-input-src><a href=#attr-input-src>src</a></code>, and
    <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>.</p>
@@ -20588,6 +20623,7 @@
    <code class=no-backref title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>,
    <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>,
    <code class=no-backref title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>,
+   <code class=no-backref title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code>,
    <code class=no-backref title=attr-input-size><a href=#attr-input-size>size</a></code>,
    <code class=no-backref title=attr-input-src><a href=#attr-input-src>src</a></code>, and
    <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>.</p>
@@ -20665,6 +20701,7 @@
    <code class=no-backref title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>,
    <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>,
    <code class=no-backref title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>,
+   <code class=no-backref title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code>,
    <code class=no-backref title=attr-input-size><a href=#attr-input-size>size</a></code>,
    <code class=no-backref title=attr-input-src><a href=#attr-input-src>src</a></code>, and
    <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>.</p>
@@ -20760,6 +20797,7 @@
    <code class=no-backref title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>,
    <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>,
    <code class=no-backref title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>,
+   <code class=no-backref title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code>,
    <code class=no-backref title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code>,
    <code class=no-backref title=attr-input-required><a href=#attr-input-required>required</a></code>,
    <code class=no-backref title=attr-input-size><a href=#attr-input-size>size</a></code>,
@@ -20813,6 +20851,7 @@
    <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>,
    <code class=no-backref title=attr-input-min><a href=#attr-input-min>min</a></code>,
    <code class=no-backref title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>,
+   <code class=no-backref title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code>,
    <code class=no-backref title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code>,
    <code class=no-backref title=attr-input-size><a href=#attr-input-size>size</a></code>,
    <code class=no-backref title=attr-input-src><a href=#attr-input-src>src</a></code>,
@@ -20907,6 +20946,7 @@
    <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>,
    <code class=no-backref title=attr-input-min><a href=#attr-input-min>min</a></code>,
    <code class=no-backref title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>,
+   <code class=no-backref title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code>,
    <code class=no-backref title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code>,
    <code class=no-backref title=attr-input-size><a href=#attr-input-size>size</a></code>,
    <code class=no-backref title=attr-input-src><a href=#attr-input-src>src</a></code>,
@@ -20978,6 +21018,7 @@
    <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>,
    <code class=no-backref title=attr-input-min><a href=#attr-input-min>min</a></code>,
    <code class=no-backref title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>,
+   <code class=no-backref title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code>,
    <code class=no-backref title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code>,
    <code class=no-backref title=attr-input-size><a href=#attr-input-size>size</a></code>,
    <code class=no-backref title=attr-input-src><a href=#attr-input-src>src</a></code>,
@@ -21036,6 +21077,7 @@
    <code class=no-backref title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>,
    <code class=no-backref title=attr-input-min><a href=#attr-input-min>min</a></code>,
    <code class=no-backref title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>,
+   <code class=no-backref title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code>,
    <code class=no-backref title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code>,
    <code class=no-backref title=attr-input-required><a href=#attr-input-required>required</a></code>
    <code class=no-backref title=attr-input-size><a href=#attr-input-size>size</a></code>,
@@ -21159,6 +21201,7 @@
    <code class=no-backref title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>,
    <code class=no-backref title=attr-input-min><a href=#attr-input-min>min</a></code>,
    <code class=no-backref title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>,
+   <code class=no-backref title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code>,
    <code class=no-backref title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code>,
    <code class=no-backref title=attr-input-required><a href=#attr-input-required>required</a></code>
    <code class=no-backref title=attr-input-size><a href=#attr-input-size>size</a></code>, and
@@ -21207,6 +21250,7 @@
    <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>,
    <code class=no-backref title=attr-input-min><a href=#attr-input-min>min</a></code>,
    <code class=no-backref title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>,
+   <code class=no-backref title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code>,
    <code class=no-backref title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code>,
    <code class=no-backref title=attr-input-required><a href=#attr-input-required>required</a></code>
    <code class=no-backref title=attr-input-size><a href=#attr-input-size>size</a></code>,
@@ -21249,6 +21293,7 @@
    <code class=no-backref title=attr-fs-method><a href=#attr-fs-method>method</a></code>,
    <code class=no-backref title=attr-input-min><a href=#attr-input-min>min</a></code>,
    <code class=no-backref title=attr-input-pattern><a href=#attr-input-pattern>pattern</a></code>,
+   <code class=no-backref title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code>,
    <code class=no-backref title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code>,
    <code class=no-backref title=attr-input-required><a href=#attr-input-required>required</a></code>
    <code class=no-backref title=attr-input-size><a href=#attr-input-size>size</a></code>,
@@ -21483,7 +21528,29 @@
   string to a number</a> to the string given by the element's <a href=#concept-fe-value title=concept-fe-value>value</a> is a number, and that
   number subtracted from the <a href=#concept-input-min-zero title=concept-input-min-zero>step
   base</a> is not an integral multiple of the <a href=#concept-input-step title=concept-input-step>allowed value step</a>, the element is
-  <a href=#suffering-from-a-step-mismatch>suffering from a step mismatch</a>.<h5 id=common-input-element-apis><span class=secno>4.10.4.3 </span>Common <code><a href=#the-input-element>input</a></code> element APIs</h5><p>The <dfn id=dom-input-value title=dom-input-value><code>value</code></dfn> DOM
+  <a href=#suffering-from-a-step-mismatch>suffering from a step mismatch</a>.<h6 id=the-placeholder-attribute><span class=secno>4.10.4.2.10 </span>The <code title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code> attribute</h6><p>The <dfn id=attr-input-placeholder title=attr-input-placeholder><code>placeholder</code></dfn>
+  attribute represents a <em>short</em> hint (a word or short phrase)
+  intended to aid the user with data entry. A hint could be a sample
+  value or a brief description of the expected format.<p class=note>For a longer hint or other advisory text, the <code title=attr-title><a href=#the-title-attribute>title</a></code> attribute is more appropriate.<p>The <code title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code>
+  attribute should not be used as an alternative to a
+  <code><a href=#the-label-element>label</a></code>.<p>User agents should present this hint to the user only when the
+  element's <a href=#concept-fe-value title=concept-fe-value>value</a> is the empty
+  string and the control is not focused (e.g. by displaying it inside
+  a blank unfocused control).<div class=example>
+
+   <p>Here is an example of a mail configuration user interface that
+   uses the <code title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code>
+   attribute:</p>
+
+   <pre>&lt;fieldset&gt;
+ &lt;legend&gt;Mail Account&lt;/legend&gt;
+ &lt;p&gt;&lt;label&gt;Name: &lt;input type="text" name="fullname" placeholder="John Ratzenberger"&gt;&lt;/label&gt;&lt;/p&gt;
+ &lt;p&gt;&lt;label&gt;Address: &lt;input type="email" name="address" placeholder="john@example.net"&gt;&lt;/label&gt;&lt;/p&gt;
+ &lt;p&gt;&lt;label&gt;Password: &lt;input type="password" name="password"&gt;&lt;/label&gt;&lt;/p&gt;
+ &lt;p&gt;&lt;label&gt;Description: &lt;input type="text" name="desc" placeholder="My Email Account"&gt;&lt;/label&gt;&lt;/p&gt;
+&lt;/fieldset&gt;</pre>
+
+  </div><h5 id=common-input-element-apis><span class=secno>4.10.4.3 </span>Common <code><a href=#the-input-element>input</a></code> element APIs</h5><p>The <dfn id=dom-input-value title=dom-input-value><code>value</code></dfn> DOM
   attribute allows scripts to manipulate the <a href=#concept-fe-value title=concept-fe-value>value</a> of an <code><a href=#the-input-element>input</a></code>
   element. If the attribute applies, then it is in one of the
   following modes, which define its behavior:<dl><dt><dfn id=dom-input-value-value title=dom-input-value-value>value</dfn>
@@ -43737,9 +43804,9 @@
   Parmenter, Sunava Dutta, Tantek &Ccedil;elik, Terrence Wood, Thomas
   Broyer, Thomas O'Connor, Tim Altman, Tim Johansson, Travis Leithead,
   Tyler Close, Vladimir Vuki&#263;evi&#263;, Wakaba, Wayne
-  Pollock, Wellington Fernando de Macedo, William Swanson, Yi-An
-  Huang, and &Oslash;istein E. Andersen, for their useful and
-  substantial comments.<p>Thanks also to everyone who has ever posted about HTML5 to their
+  Pollock, Wellington Fernando de Macedo, William Swanson, Wolfram
+  Kriesing, Yi-An Huang, and &Oslash;istein E. Andersen, for their
+  useful and substantial comments.<p>Thanks also to everyone who has ever posted about HTML5 to their
   blogs, public mailing lists, or forums, including the <a href=http://lists.w3.org/Archives/Public/public-html/>W3C
   public-html list</a> and the <a href=http://www.whatwg.org/mailing-list>various WHATWG lists</a>.
 
@@ -43902,8 +43969,6 @@
          0x12 ("<code title="">foo</code>")
          0x12 ('<code title="">foo</code>')
  XXX * check case of hex characters in the ASCII cases.
- XXX * <input placeholder=""> as seen in Safari. See:
-       http://www.beyondstandards.com/archives/input-placeholders/ -Asa
  XXX * trim function in JS for strings to remove spaces
  XXX * date checking functions in JS (.isValidDate?)
  XXX * a fairly common situation for web authors is to have two lists, where
@@ -43958,7 +44023,7 @@
        like this would also be useful e.g. for <output> or something so
        you can display localised dates, etc.
  XXX * update text/html RFC
- XXX * type="emails"
+ XXX * <input type="email" multiple="">
  XXX * password and confirm password: can we have a way to do client-side
        validation of this?
  XXX * <input type="search">
@@ -43992,18 +44057,6 @@
        format to display.
  XXX * indicate "x days ago" or "y days into the future" rather than date
  XXX * input control for anniversaries
- XXX * some kind of format element that gives a region-specific format on
-       a WF2 browser:
-          <label for="dday">
-             Date: <timeformat type="date">(format: dd-mm-yyyy)</timeformat>
-          </label>
-          <input type="date" id="dday">
-       In a legacy browser, the label would be "Date: (format:
-       dd-mm-yyyy)". On a WF2 browser, however, you might see "Date:
-       (format: yyyy-mm-dd)" if your region uses the "yyyy-mm-dd" format.
-       This can be useful for international users who may be using a
-       browser in an Internet cafe or something and is not be used to the
-       native formats
  XXX * only submit fields that have changed, or a way to include in the
        submission a list of which form controls were changed from their
        default value

Received on Monday, 17 November 2008 10:09:37 UTC