- From: poot <cvsmail@w3.org>
- Date: Mon, 17 Nov 2008 19:08:57 +0900 (JST)
- To: public-html-diffs@w3.org
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> · <!-- Reset Button --> <!-- <td class="no"> · Button --> + <tr><th> <code title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code> + <td class=no> · <!-- 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> · <!-- Date and Time --> +<!-- <td class="no"> · Date --> +<!-- <td class="no"> · Month --> +<!-- <td class="no"> · Week --> +<!-- <td class="no"> · Time --> + <td class=no> · <!-- Local Date and Time --> +<!-- <td class="no"> · Number --> + <td class=no> · <!-- Range --> + <td class=no> · <!-- Checkbox --> +<!-- <td class="no"> · Radio Button --> + <td class=no> · <!-- File Upload --> + <td class=no> · <!-- Submit Button --> + <td class=no> · <!-- Image Button --> + <td class=no> · <!-- Reset Button --> +<!-- <td class="no"> · Button --> + <tr><th> <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> <td class=no> · <!-- 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><fieldset> + <legend>Mail Account</legend> + <p><label>Name: <input type="text" name="fullname" placeholder="John Ratzenberger"></label></p> + <p><label>Address: <input type="email" name="address" placeholder="john@example.net"></label></p> + <p><label>Password: <input type="password" name="password"></label></p> + <p><label>Description: <input type="text" name="desc" placeholder="My Email Account"></label></p> +</fieldset></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 Çelik, Terrence Wood, Thomas Broyer, Thomas O'Connor, Tim Altman, Tim Johansson, Travis Leithead, Tyler Close, Vladimir Vukićević, Wakaba, Wayne - Pollock, Wellington Fernando de Macedo, William Swanson, Yi-An - Huang, and Ø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 Ø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