- From: poot <cvsmail@w3.org>
- Date: Wed, 26 Nov 2008 12:51:35 +0900 (JST)
- To: public-html-diffs@w3.org
WF2: <input type=color>. Also, some editorial fixes. (whatwg r2450)
4.10.4.1.4 E-mail state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#e-mail-state
4.10.4.1.20 Reset Button state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#reset-button-state
4.10.4.1.15 Checkbox state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#checkbox-state
stepUp()
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#dom-input-stepup
split a string on commas
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#split-a-string-on-commas
remove a token from a string
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#remove-a-token-from-a-string
radio button group
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#radio-button-group
4.10.4.1.12 Number state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#number-state
4.10.4.1.10 Time state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#time-state
2.4.5 Colors
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#colors
4.10.4.1.2 Text state and Search state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#text-state-and-search-state
selected coordinate
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#concept-input-type-image-coordinate
rules for parsing simple color values
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#rules-for-parsing-simple-color-values
valid lowercase simple color
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#valid-lowercase-simple-color
color
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#attr-input-type-color-keyword
range
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#attr-input-type-range-keyword
valueAsNumber
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#dom-input-valueasnumber
4.10.4.1.1 Hidden state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#hidden-state
valid e-mail address
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#valid-e-mail-address
set of comma-separated tokens
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#set-of-comma-separated-tokens
button
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.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.1622.html#date-and-time-state
selected files
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#concept-input-type-file-selected
4.10.4.1.9 Week state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#week-state
4.10.4.1.21 Button state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#button-state
rules for serialising simple color values
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#rules-for-serialising-simple-color-values
accept
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#attr-input-accept
4.10.4.1.8 Month state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#month-state
enumerated attributes
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#enumerated-attribute
2.4.7 Comma-separated tokens
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#comma-separated-tokens
2.4.9 References
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#syntax-references
Index
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#index
dirty value flag
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#concept-input-value-dirty-flag
rules for parsing a hash-name reference
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#rules-for-parsing-a-hash-name-reference
4.10.4.1.11 Local Date and Time state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#local-date-and-time-state
2.4.6 Space-separated tokens
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#space-separated-tokens
4.10.4.1.7 Date state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#date-state
parse a date or time string
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#parse-a-date-or-time-string
2.4.8 Keywords and enumerated attributes
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#keywords-and-enumerated-attributes
checkbox
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#attr-input-type-checkbox-keyword
4.10.4.1.18 Submit Button state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#submit-button-state
stepDown()
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#dom-input-stepdown
algorithm to convert a Date object to a string
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#concept-input-value-date-string
4.10.4.1.19 Image Button state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#image-button-state
dirty value
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#concept-input-value-dirty
4.10.4.1.3 URL state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#url-state
4.10.4.1.17 File Upload state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#file-upload-state
default value
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#concept-input-value-default-range
4.10.4.1.5 Password state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#password-state
4.10.4.1.16 Radio Button state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#radio-button-state
valid simple color
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#valid-simple-color
4.10.4.1.14 Color state
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1622.html#color-state
http://people.w3.org/mike/diffs/html5/spec/Overview.diff.html
http://dev.w3.org/cvsweb/html5/spec/Overview.html?r1=1.1621&r2=1.1622&f=h
http://html5.org/tools/web-apps-tracker?from=2449&to=2450
===================================================================
RCS file: /sources/public/html5/spec/Overview.html,v
retrieving revision 1.1621
retrieving revision 1.1622
diff -u -d -r1.1621 -r1.1622
--- Overview.html 26 Nov 2008 01:55:15 -0000 1.1621
+++ Overview.html 26 Nov 2008 03:48:40 -0000 1.1622
@@ -173,10 +173,11 @@
<li><a href=#global-dates-and-times><span class=secno>2.4.4.5 </span>Global dates and times</a></li>
<li><a href=#weeks><span class=secno>2.4.4.6 </span>Weeks</a></li>
<li><a href=#vaguer-moments-in-time><span class=secno>2.4.4.7 </span>Vaguer moments in time</a></ol></li>
- <li><a href=#space-separated-tokens><span class=secno>2.4.5 </span>Space-separated tokens</a></li>
- <li><a href=#comma-separated-tokens><span class=secno>2.4.6 </span>Comma-separated tokens</a></li>
- <li><a href=#keywords-and-enumerated-attributes><span class=secno>2.4.7 </span>Keywords and enumerated attributes</a></li>
- <li><a href=#syntax-references><span class=secno>2.4.8 </span>References</a></ol></li>
+ <li><a href=#colors><span class=secno>2.4.5 </span>Colors</a></li>
+ <li><a href=#space-separated-tokens><span class=secno>2.4.6 </span>Space-separated tokens</a></li>
+ <li><a href=#comma-separated-tokens><span class=secno>2.4.7 </span>Comma-separated tokens</a></li>
+ <li><a href=#keywords-and-enumerated-attributes><span class=secno>2.4.8 </span>Keywords and enumerated attributes</a></li>
+ <li><a href=#syntax-references><span class=secno>2.4.9 </span>References</a></ol></li>
<li><a href=#urls><span class=secno>2.5 </span>URLs</a>
<ol>
<li><a href=#terminology-0><span class=secno>2.5.1 </span>Terminology</a></li>
@@ -454,13 +455,14 @@
<li><a href=#local-date-and-time-state><span class=secno>4.10.4.1.11 </span>Local Date and Time state</a></li>
<li><a href=#number-state><span class=secno>4.10.4.1.12 </span>Number state</a></li>
<li><a href=#range-state><span class=secno>4.10.4.1.13 </span>Range state</a></li>
- <li><a href=#checkbox-state><span class=secno>4.10.4.1.14 </span>Checkbox state</a></li>
- <li><a href=#radio-button-state><span class=secno>4.10.4.1.15 </span>Radio Button state</a></li>
- <li><a href=#file-upload-state><span class=secno>4.10.4.1.16 </span>File Upload state</a></li>
- <li><a href=#submit-button-state><span class=secno>4.10.4.1.17 </span>Submit Button state</a></li>
- <li><a href=#image-button-state><span class=secno>4.10.4.1.18 </span>Image Button state</a></li>
- <li><a href=#reset-button-state><span class=secno>4.10.4.1.19 </span>Reset Button state</a></li>
- <li><a href=#button-state><span class=secno>4.10.4.1.20 </span>Button state</a></ol></li>
+ <li><a href=#color-state><span class=secno>4.10.4.1.14 </span>Color state</a></li>
+ <li><a href=#checkbox-state><span class=secno>4.10.4.1.15 </span>Checkbox state</a></li>
+ <li><a href=#radio-button-state><span class=secno>4.10.4.1.16 </span>Radio Button state</a></li>
+ <li><a href=#file-upload-state><span class=secno>4.10.4.1.17 </span>File Upload state</a></li>
+ <li><a href=#submit-button-state><span class=secno>4.10.4.1.18 </span>Submit Button state</a></li>
+ <li><a href=#image-button-state><span class=secno>4.10.4.1.19 </span>Image Button state</a></li>
+ <li><a href=#reset-button-state><span class=secno>4.10.4.1.20 </span>Reset Button state</a></li>
+ <li><a href=#button-state><span class=secno>4.10.4.1.21 </span>Button state</a></ol></li>
<li><a href=#common-input-element-attributes><span class=secno>4.10.4.2 </span>Common <code>input</code> element attributes</a>
<ol>
<li><a href=#the-autocomplete-attribute><span class=secno>4.10.4.2.1 </span>The <code title=attr-input-autocomplete>autocomplete</code> attribute</a></li>
@@ -2878,7 +2880,71 @@
</li>
- </ol><h4 id=space-separated-tokens><span class=secno>2.4.5 </span>Space-separated tokens</h4><p>A <dfn id=set-of-space-separated-tokens>set of space-separated tokens</dfn> is a set of zero or
+ </ol><h4 id=colors><span class=secno>2.4.5 </span>Colors</h4><p>A <dfn id=simple-color>simple color</dfn> consists of three 8-bit numbers in the
+ range 0..255, representing the red, green, and blue components of
+ the color respectively, in the sRGB color space. <a href=#references>[SRGB]</a><p>A string is a <dfn id=valid-simple-color>valid simple color</dfn> if it is exactly
+ seven characters long, and the first character is a U+0023 NUMBER
+ SIGN (#) character, and the remaining six characters are all in the
+ range U+0030 DIGIT ZERO (0) .. U+0039 DIGIT NINE (9), U+0041 LATIN
+ CAPITAL LETTER A .. U+005A LATIN CAPITAL LETTER Z, U+0061 LATIN
+ SMALL LETTER A .. U+007A LATIN SMALL LETTER Z, with the first two
+ digits representing the red component, the middle two digits
+ representing the green component, and the last two digits
+ representing the blue component, in hexadecimal.<p>A string is a <dfn id=valid-lowercase-simple-color>valid lowercase simple color</dfn> if it is a
+ <a href=#valid-simple-color>valid simple color</a> and doesn't use any characters in
+ the range U+0041 LATIN CAPITAL LETTER A .. U+005A LATIN CAPITAL
+ LETTER Z.<p>The <dfn id=rules-for-parsing-simple-color-values>rules for parsing simple color values</dfn> are as given
+ in the following algorithm. When invoked, the steps must be followed
+ in the order given, aborting at the first step that returns a
+ value. This algorithm will either return a <a href=#simple-color>simple color</a>
+ or an error.<ol><li><p>Let <var title="">input</var> be the string being
+ parsed.</li>
+
+ <li><p>If <var title="">input</var> is not exactly seven characters
+ long, then return an error.</li>
+
+ <li><p>If the first character in <var title="">input</var> is not a
+ U+0023 NUMBER SIGN (#) character, then return an error.</li>
+
+ <li><p>If the last six characters of <var title="">input</var> are
+ not all in the range U+0030 DIGIT ZERO (0) .. U+0039 DIGIT NINE
+ (9), U+0041 LATIN CAPITAL LETTER A .. U+005A LATIN CAPITAL LETTER
+ Z, U+0061 LATIN SMALL LETTER A .. U+007A LATIN SMALL LETTER Z, then
+ return an error.</li>
+
+ <li><p>Let <var title="">result</var> be a <a href=#simple-color>simple
+ color</a>.</p>
+
+ <li><p>Interpret the second and third characters as a hexadecimal
+ number and let the result be the red component of <var title="">result</var>.</p>
+
+ <li><p>Interpret the fourth and fifth characters as a hexadecimal
+ number and let the result be the green component of <var title="">result</var>.</p>
+
+ <li><p>Interpret the sixth and seventh characters as a hexadecimal
+ number and let the result be the blue component of <var title="">result</var>.</p>
+
+ <li><p>Return <var title="">result</var>.</p>
+
+ </ol><p>The <dfn id=rules-for-serialising-simple-color-values>rules for serialising simple color values</dfn> given a
+ <a href=#simple-color>simple color</a> are as given in the following
+ algorithm:<ol><li><p>Let <var title="">result</var> be a string consisting of a
+ single U+0023 NUMBER SIGN (#) character.</li>
+
+ <li><p>Convert the red, green, and blue components in turn to
+ two-digit hexadecimal numbers using the digits U+0030 DIGIT ZERO
+ (0) .. U+0039 DIGIT NINE (9) and U+0061 LATIN SMALL LETTER A
+ .. U+007A LATIN SMALL LETTER Z, zero-padding if necessary, and
+ append these numbers to <var title="">result</var>, in the order
+ red, green, blue.</p>
+
+ <li><p>Return <var title="">result</var>, which will be a
+ <a href=#valid-lowercase-simple-color>valid lowercase simple color</a>.</li>
+
+ </ol><p class=note>The <a href=#canvas-context-2d title=canvas-context-2d>2D graphics
+ context</a> has a separate color syntax that also handles
+ opacity.<p class=note>Some obsolete legacy attributes parse colors in a
+ more complicated manner.<h4 id=space-separated-tokens><span class=secno>2.4.6 </span>Space-separated tokens</h4><p>A <dfn id=set-of-space-separated-tokens>set of space-separated tokens</dfn> is a set of zero or
more words separated by one or more <a href=#space-character title="space
character">space characters</a>, where words consist of any
string of one or more characters, none of which are <a href=#space-character title="space character">space characters</a>.<p>A string containing a <a href=#set-of-space-separated-tokens>set of space-separated tokens</a>
@@ -2973,7 +3039,7 @@
</ol><p class=note>This causes any occurrences of the token to be
removed from the string, and any spaces that were surrounding the
token to be collapsed to a single space, except at the start and end
- of the string, where such spaces are removed.<h4 id=comma-separated-tokens><span class=secno>2.4.6 </span>Comma-separated tokens</h4><p class=XXX>We should allow whitespace around commas, and
+ of the string, where such spaces are removed.<h4 id=comma-separated-tokens><span class=secno>2.4.7 </span>Comma-separated tokens</h4><p class=XXX>We should allow whitespace around commas, and
leading/trailing whitespace.<p>A <dfn id=set-of-comma-separated-tokens>set of comma-separated tokens</dfn> is a set of zero or
more tokens each separated from the next by a single U+002C COMMA
character (<code title="">,</code>), where tokens consist of any
@@ -3009,7 +3075,7 @@
<li><p>Return <var title="">tokens</var>.</li>
- </ol><h4 id=keywords-and-enumerated-attributes><span class=secno>2.4.7 </span>Keywords and enumerated attributes</h4><p>Some attributes are defined as taking one of a finite set of
+ </ol><h4 id=keywords-and-enumerated-attributes><span class=secno>2.4.8 </span>Keywords and enumerated attributes</h4><p>Some attributes are defined as taking one of a finite set of
keywords. Such attributes are called <dfn id=enumerated-attribute title="enumerated
attribute">enumerated attributes</dfn>. The keywords are each
defined to map to a particular <em>state</em> (several keywords
@@ -3041,7 +3107,7 @@
third state <i>inherit</i>, which would be the default when the
attribute is not specified at all (the <i>missing value
default</i>), but for various reasons that isn't the way this
- specification actually defines it.<h4 id=syntax-references><span class=secno>2.4.8 </span>References</h4><p>A <dfn id=valid-hash-name-reference>valid hash-name reference</dfn> to an element of type <var title="">type</var> is a string consisting of a U+0023 NUMBER SIGN
+ specification actually defines it.<h4 id=syntax-references><span class=secno>2.4.9 </span>References</h4><p>A <dfn id=valid-hash-name-reference>valid hash-name reference</dfn> to an element of type <var title="">type</var> is a string consisting of a U+0023 NUMBER SIGN
(<code title="">#</code>) character followed by a string which
exactly matches the value of the <code title="">name</code>
attribute of an element in the document with type <var title="">type</var>.<p>The <dfn id=rules-for-parsing-a-hash-name-reference>rules for parsing a hash-name reference</dfn> to an
@@ -18874,6 +18940,10 @@
<td> <a href=#range-state title=attr-input-type-range>Range</a>
<td> A numerical value, with the extra semantic that the exact value is not important
<td> A slider control or similar
+ <tr><td> <dfn id=attr-input-type-color-keyword title=attr-input-type-color-keyword><code>color</code></dfn>
+ <td> <a href=#color-state title=attr-input-type-color>Color</a>
+ <td> An sRGB color with 8-bit red, green, and blue components
+ <td> A color well
<tr><td> <dfn id=attr-input-type-checkbox-keyword title=attr-input-type-checkbox-keyword><code>checkbox</code></dfn>
<td> <a href=#checkbox-state title=attr-input-type-checkbox>Checkbox</a>
<td> A set of zero or more values from a predefined list
@@ -18923,6 +18993,7 @@
<th> <span><a href=#local-date-and-time-state title=attr-input-type-datetime-local>Local Date and Time</a>,</span>
<span><a href=#number-state title=attr-input-type-number>Number</a></span>
<th> <span><a href=#range-state title=attr-input-type-range>Range</a></span>
+ <th> <span><a href=#color-state title=attr-input-type-color>Color</a></span>
<th> <span><a href=#checkbox-state title=attr-input-type-checkbox>Checkbox</a>,</span>
<span><a href=#radio-button-state title=attr-input-type-radio>Radio Button</a></span>
<th> <span><a href=#file-upload-state title=attr-input-type-file>File Upload</a></span>
@@ -18946,6 +19017,7 @@
<td class=no> · <!-- Local Date and Time -->
<!-- <td class="no"> · Number -->
<td class=no> · <!-- Range -->
+ <td class=no> · <!-- Color -->
<td class=no> · <!-- Checkbox -->
<!-- <td class="no"> · Radio Button -->
<td class=yes> Yes <!-- File Upload -->
@@ -18969,6 +19041,7 @@
<td class=no> · <!-- Local Date and Time -->
<!-- <td class="no"> · Number -->
<td class=no> · <!-- Range -->
+ <td class=no> · <!-- Color -->
<td class=no> · <!-- Checkbox -->
<!-- <td class="no"> · Radio Button -->
<td class=no> · <!-- File Upload -->
@@ -18992,6 +19065,7 @@
<td class=no> · <!-- Local Date and Time -->
<!-- <td class="no"> · Number -->
<td class=no> · <!-- Range -->
+ <td class=no> · <!-- Color -->
<td class=no> · <!-- Checkbox -->
<!-- <td class="no"> · Radio Button -->
<td class=no> · <!-- File Upload -->
@@ -19015,6 +19089,7 @@
<td class=yes> Yes <!-- Local Date and Time -->
<!-- <td class="yes"> Yes Number -->
<td class=yes> Yes <!-- Range -->
+ <td class=yes> Yes <!-- Color -->
<td class=no> · <!-- Checkbox -->
<!-- <td class="no"> · Radio Button -->
<td class=no> · <!-- File Upload -->
@@ -19038,6 +19113,7 @@
<td class=no> · <!-- Local Date and Time -->
<!-- <td class="no"> · Number -->
<td class=no> · <!-- Range -->
+ <td class=no> · <!-- Color -->
<td class=yes> Yes <!-- Checkbox -->
<!-- <td class="yes"> Yes Radio Button -->
<td class=no> · <!-- File Upload -->
@@ -19061,6 +19137,7 @@
<td class=no> · <!-- Local Date and Time -->
<!-- <td class="no"> · Number -->
<td class=no> · <!-- Range -->
+ <td class=no> · <!-- Color -->
<td class=no> · <!-- Checkbox -->
<!-- <td class="no"> · Radio Button -->
<td class=no> · <!-- File Upload -->
@@ -19084,6 +19161,7 @@
<td class=yes> Yes <!-- Local Date and Time -->
<!-- <td class="yes"> Yes Number -->
<td class=yes> Yes <!-- Range -->
+ <td class=yes> Yes <!-- Color -->
<td class=no> · <!-- Checkbox -->
<!-- <td class="no"> · Radio Button -->
<td class=no> · <!-- File Upload -->
@@ -19107,6 +19185,7 @@
<td class=yes> Yes <!-- Local Date and Time -->
<!-- <td class="yes"> Yes Number -->
<td class=yes> Yes <!-- Range -->
+ <td class=no> · <!-- Color -->
<td class=no> · <!-- Checkbox -->
<!-- <td class="no"> · Radio Button -->
<td class=no> · <!-- File Upload -->
@@ -19130,6 +19209,7 @@
<td class=no> · <!-- Local Date and Time -->
<!-- <td class="no"> · Number -->
<td class=no> · <!-- Range -->
+ <td class=no> · <!-- Color -->
<td class=no> · <!-- Checkbox -->
<!-- <td class="no"> · Radio Button -->
<td class=no> · <!-- File Upload -->
@@ -19153,6 +19233,7 @@
<td class=no> · <!-- Local Date and Time -->
<!-- <td class="no"> · Number -->
<td class=no> · <!-- Range -->
+ <td class=no> · <!-- Color -->
<td class=no> · <!-- Checkbox -->
<!-- <td class="no"> · Radio Button -->
<td class=no> · <!-- File Upload -->
@@ -19176,6 +19257,7 @@
<td class=yes> Yes <!-- Local Date and Time -->
<!-- <td class="yes"> Yes Number -->
<td class=yes> Yes <!-- Range -->
+ <td class=no> · <!-- Color -->
<td class=no> · <!-- Checkbox -->
<!-- <td class="no"> · Radio Button -->
<td class=no> · <!-- File Upload -->
@@ -19199,6 +19281,7 @@
<td class=no> · <!-- Local Date and Time -->
<!-- <td class="no"> · Number -->
<td class=no> · <!-- Range -->
+ <td class=no> · <!-- Color -->
<td class=no> · <!-- Checkbox -->
<!-- <td class="no"> · Radio Button -->
<td class=yes> Yes <!-- File Upload -->
@@ -19222,6 +19305,7 @@
<td class=no> · <!-- Local Date and Time -->
<!-- <td class="no"> · Number -->
<td class=no> · <!-- Range -->
+ <td class=no> · <!-- Color -->
<td class=no> · <!-- Checkbox -->
<!-- <td class="no"> · Radio Button -->
<td class=no> · <!-- File Upload -->
@@ -19245,6 +19329,7 @@
<td class=no> · <!-- Local Date and Time -->
<!-- <td class="no"> · Number -->
<td class=no> · <!-- Range -->
+ <td class=no> · <!-- Color -->
<td class=no> · <!-- Checkbox -->
<!-- <td class="no"> · Radio Button -->
<td class=no> · <!-- File Upload -->
@@ -19268,6 +19353,7 @@
<td class=no> · <!-- Local Date and Time -->
<!-- <td class="no"> · Number -->
<td class=no> · <!-- Range -->
+ <td class=no> · <!-- Color -->
<td class=no> · <!-- Checkbox -->
<!-- <td class="no"> · Radio Button -->
<td class=no> · <!-- File Upload -->
@@ -19291,6 +19377,7 @@
<td class=yes> Yes <!-- Local Date and Time -->
<!-- <td class="yes"> Yes Number -->
<td class=no> · <!-- Range -->
+ <td class=no> · <!-- Color -->
<td class=no> · <!-- Checkbox -->
<!-- <td class="no"> · Radio Button -->
<td class=no> · <!-- File Upload -->
@@ -19314,6 +19401,7 @@
<td class=yes> Yes <!-- Local Date and Time -->
<!-- <td class="yes"> Yes Number -->
<td class=no> · <!-- Range -->
+ <td class=no> · <!-- Color -->
<td class=yes> Yes <!-- Checkbox -->
<!-- <td class="yes"> Yes Radio Button -->
<td class=yes> Yes <!-- File Upload -->
@@ -19337,6 +19425,7 @@
<td class=no> · <!-- Local Date and Time -->
<!-- <td class="no"> · Number -->
<td class=no> · <!-- Range -->
+ <td class=no> · <!-- Color -->
<td class=no> · <!-- Checkbox -->
<!-- <td class="no"> · Radio Button -->
<td class=no> · <!-- File Upload -->
@@ -19360,6 +19449,7 @@
<td class=no> · <!-- Local Date and Time -->
<!-- <td class="no"> · Number -->
<td class=no> · <!-- Range -->
+ <td class=no> · <!-- Color -->
<td class=no> · <!-- Checkbox -->
<!-- <td class="no"> · Radio Button -->
<td class=no> · <!-- File Upload -->
@@ -19383,6 +19473,7 @@
<td class=yes> Yes <!-- Local Date and Time -->
<!-- <td class="yes"> Yes Number -->
<td class=yes> Yes <!-- Range -->
+ <td class=no> · <!-- Color -->
<td class=no> · <!-- Checkbox -->
<!-- <td class="no"> · Radio Button -->
<td class=no> · <!-- File Upload -->
@@ -19406,6 +19497,7 @@
<td class=no> · <!-- Local Date and Time -->
<!-- <td class="no"> · Number -->
<td class=no> · <!-- Range -->
+ <td class=no> · <!-- Color -->
<td class=no> · <!-- Checkbox -->
<!-- <td class="no"> · Radio Button -->
<td class=no> · <!-- File Upload -->
@@ -19429,6 +19521,7 @@
<td class=no> · <!-- Local Date and Time -->
<!-- <td class="no"> · Number -->
<td class=no> · <!-- Range -->
+ <td class=no> · <!-- Color -->
<td class=yes> Yes <!-- Checkbox -->
<!-- <td class="yes"> Yes Radio Button -->
<td class=no> · <!-- File Upload -->
@@ -19452,6 +19545,7 @@
<td class=yes> <a href=#dom-input-value-value title=dom-input-value-value>value</a> <!-- Local Date and Time -->
<!-- <td class="yes"> <span title="dom-input-value-value">value</span> Number -->
<td class=yes> <a href=#dom-input-value-value title=dom-input-value-value>value</a> <!-- Range -->
+ <td class=yes> <a href=#dom-input-value-value title=dom-input-value-value>value</a> <!-- Color -->
<td class=yes> <a href=#dom-input-value-default-on title=dom-input-value-default-on>default/on</a> <!-- Checkbox -->
<!-- <td class="yes"> <span title="dom-input-value-default-on">default/on</span> Radio Button -->
<td class=no> · <!-- File Upload -->
@@ -19475,6 +19569,7 @@
<td class=no> · <!-- Local Date and Time -->
<!-- <td class="no"> · Number -->
<td class=no> · <!-- Range -->
+ <td class=no> · <!-- Color -->
<td class=no> · <!-- Checkbox -->
<!-- <td class="no"> · Radio Button -->
<td class=no> · <!-- File Upload -->
@@ -19498,6 +19593,7 @@
<td class=yes> Yes <!-- Local Date and Time -->
<!-- <td class="yes"> Yes Number -->
<td class=yes> Yes <!-- Range -->
+ <td class=no> · <!-- Color -->
<td class=no> · <!-- Checkbox -->
<!-- <td class="no"> · Radio Button -->
<td class=no> · <!-- File Upload -->
@@ -19521,6 +19617,7 @@
<td class=yes> Yes <!-- Local Date and Time -->
<!-- <td class="yes"> Yes Number -->
<td class=yes> Yes <!-- Range -->
+ <td class=yes> Yes <!-- Color -->
<td class=no> · <!-- Checkbox -->
<!-- <td class="no"> · Radio Button -->
<td class=no> · <!-- File Upload -->
@@ -19544,6 +19641,7 @@
<td class=yes> Yes <!-- Local Date and Time -->
<!-- <td class="yes"> Yes Number -->
<td class=yes> Yes <!-- Range -->
+ <td class=yes> Yes <!-- Color -->
<td class=no> · <!-- Checkbox -->
<!-- <td class="no"> · Radio Button -->
<td class=no> · <!-- File Upload -->
@@ -19552,7 +19650,7 @@
<td class=no> · <!-- Reset Button -->
<!-- <td class="no"> · Button -->
- <tr><th> <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>
+ <tr><th> <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code>
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
@@ -19567,6 +19665,7 @@
<td class=yes> Yes <!-- Local Date and Time -->
<!-- <td class="yes"> Yes Number -->
<td class=yes> Yes <!-- Range -->
+ <td class=no> · <!-- Color -->
<td class=no> · <!-- Checkbox -->
<!-- <td class="no"> · Radio Button -->
<td class=no> · <!-- File Upload -->
@@ -19575,7 +19674,7 @@
<td class=no> · <!-- Reset Button -->
<!-- <td class="no"> · Button -->
- <tr><th> <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code>
+ <tr><th> <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Text -->
<!-- <td class="no"> · Search -->
@@ -19590,6 +19689,7 @@
<td class=yes> Yes <!-- Local Date and Time -->
<!-- <td class="yes"> Yes Number -->
<td class=yes> Yes <!-- Range -->
+ <td class=no> · <!-- Color -->
<td class=no> · <!-- Checkbox -->
<!-- <td class="no"> · Radio Button -->
<td class=no> · <!-- File Upload -->
@@ -19613,6 +19713,7 @@
<td class=yes> Yes <!-- Local Date and Time -->
<!-- <td class="yes"> Yes Number -->
<td class=yes> Yes <!-- Range -->
+ <td class=yes> Yes <!-- Color -->
<td class=yes> Yes <!-- Checkbox -->
<!-- <td class="yes"> Yes Radio Button -->
<td class=no> · <!-- File Upload -->
@@ -19636,6 +19737,7 @@
<td class=yes> Yes <!-- Local Date and Time -->
<!-- <td class="yes"> Yes Number -->
<td class=yes> Yes <!-- Range -->
+ <td class=yes> Yes <!-- Color -->
<td class=yes> Yes <!-- Checkbox -->
<!-- <td class="yes"> Yes Radio Button -->
<td class=yes> Yes <!-- File Upload -->
@@ -19660,8 +19762,8 @@
<code title=attr-input-step><a href=#attr-input-step>step</a></code>,
<code title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>,
<code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>,
- <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>, and
- <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code>.<p>Each <code><a href=#the-input-element>input</a></code> element has a boolean <dfn id=concept-input-value-dirty-flag title=concept-input-value-dirty-flag>dirty value flag</dfn>. When
+ <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code>, and
+ <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>.<p>Each <code><a href=#the-input-element>input</a></code> element has a boolean <dfn id=concept-input-value-dirty-flag title=concept-input-value-dirty-flag>dirty value flag</dfn>. When
it is true, the element is said to have a <dfn id=concept-input-value-dirty title=concept-input-value-dirty><i>dirty value</i></dfn>. The
<a href=#concept-input-value-dirty-flag title=concept-input-value-dirty-flag>dirty value flag</a>
must be initially set to false when the element is created, and must
@@ -19775,9 +19877,9 @@
<code class=no-backref title=dom-input-list><a href=#dom-input-list>list</a></code>,
<code class=no-backref title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code>,
<code class=no-backref title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>, and
- <code class=no-backref title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code> DOM attributes
- <code class=no-backref title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>, and
- <code class=no-backref title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.</p>
+ <code class=no-backref title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code> DOM attributes;
+ <code class=no-backref title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> and
+ <code class=no-backref title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code> methods.</p>
<p>The <code class=no-backref title=event-input-input><a href=#event-input-input>input</a></code> and <code class=no-backref title=event-input-change><a href=#event-input-change>change</a></code> events do not apply.</p>
@@ -19831,9 +19933,9 @@
element:
<code class=no-backref title=dom-input-checked><a href=#dom-input-checked>checked</a></code>,
<code class=no-backref title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>, and
- <code class=no-backref title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code> DOM attributes
- <code class=no-backref title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>, and
- <code class=no-backref title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.</p>
+ <code class=no-backref title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code> DOM attributes;
+ <code class=no-backref title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> and
+ <code class=no-backref title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code> methods.</p>
</div><h6 id=url-state><span class=secno>4.10.4.1.3 </span><dfn title=attr-input-type-url>URL</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#url-state title=attr-input-type-url>URL</a> state, the rules in this
section apply.<p>The <code><a href=#the-input-element>input</a></code> element represents a control for editing a
@@ -19894,8 +19996,8 @@
<code class=no-backref title=dom-input-checked><a href=#dom-input-checked>checked</a></code>,
<code class=no-backref title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>, and
<code class=no-backref title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code> DOM attributes;
- <code class=no-backref title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>, and
- <code class=no-backref title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.</p>
+ <code class=no-backref title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> and
+ <code class=no-backref title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code> methods.</p>
</div><h6 id=e-mail-state><span class=secno>4.10.4.1.4 </span><dfn title=attr-input-type-email>E-mail</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#e-mail-state title=attr-input-type-email>E-mail</a> state, the rules in this
section apply.<p>The <code><a href=#the-input-element>input</a></code> element represents a control for editing a
@@ -19974,8 +20076,8 @@
<code class=no-backref title=dom-input-checked><a href=#dom-input-checked>checked</a></code>,
<code class=no-backref title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>, and
<code class=no-backref title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code> DOM attributes;
- <code class=no-backref title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>, and
- <code class=no-backref title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.</p>
+ <code class=no-backref title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> and
+ <code class=no-backref title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code> methods.</p>
</div><h6 id=password-state><span class=secno>4.10.4.1.5 </span><dfn title=attr-input-type-password>Password</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#password-state title=attr-input-type-password>Password</a> state, the rules in
this section apply.<p>The <code><a href=#the-input-element>input</a></code> element represents a one line plain text
@@ -20025,8 +20127,8 @@
<code class=no-backref title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code>,
<code class=no-backref title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>, and
<code class=no-backref title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code> DOM attributes;
- <code class=no-backref title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>, and
- <code class=no-backref title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.</p>
+ <code class=no-backref title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> and
+ <code class=no-backref title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code> methods.</p>
</div><h6 id=date-and-time-state><span class=secno>4.10.4.1.6 </span><dfn title=attr-input-type-datetime>Date and Time</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#date-and-time-state title=attr-input-type-datetime>Date and Time</a> state, the
rules in this section apply.<p>The <code><a href=#the-input-element>input</a></code> element represents a control for setting
@@ -20102,8 +20204,8 @@
<code title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>,
<code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, and
<code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code> DOM attributes;
- <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>, and
- <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.</p>
+ <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> and
+ <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code> methods.</p>
<p>The <code title=dom-input-value><a href=#dom-input-value>value</a></code> DOM attribute is
in mode <a href=#dom-input-value-value title=dom-input-value-value>value</a>.</p>
@@ -20198,8 +20300,8 @@
<code title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>,
<code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, and
<code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code> DOM attributes;
- <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>, and
- <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.</p>
+ <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> and
+ <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code> methods.</p>
<p>The <code title=dom-input-value><a href=#dom-input-value>value</a></code> DOM attribute is
in mode <a href=#dom-input-value-value title=dom-input-value-value>value</a>.</p>
@@ -20292,8 +20394,8 @@
<code title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>,
<code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, and
<code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code> DOM attributes;
- <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>, and
- <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.</p>
+ <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> and
+ <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code> methods.</p>
<p>The <code title=dom-input-value><a href=#dom-input-value>value</a></code> DOM attribute is
in mode <a href=#dom-input-value-value title=dom-input-value-value>value</a>.</p>
@@ -20388,8 +20490,8 @@
<code title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>,
<code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, and
<code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code> DOM attributes;
- <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>, and
- <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.</p>
+ <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> and
+ <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code> methods.</p>
<p>The <code title=dom-input-value><a href=#dom-input-value>value</a></code> DOM attribute is
in mode <a href=#dom-input-value-value title=dom-input-value-value>value</a>.</p>
@@ -20478,8 +20580,8 @@
<code title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>,
<code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, and
<code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code> DOM attributes;
- <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>, and
- <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.</p>
+ <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> and
+ <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code> methods.</p>
<p>The <code title=dom-input-value><a href=#dom-input-value>value</a></code> DOM attribute is
in mode <a href=#dom-input-value-value title=dom-input-value-value>value</a>.</p>
@@ -20564,8 +20666,8 @@
<code title=dom-input-value><a href=#dom-input-value>value</a></code>,
<code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, and
<code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code> DOM attributes;
- <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>, and
- <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.</p>
+ <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> and
+ <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code> methods.</p>
<p>The <code title=dom-input-value><a href=#dom-input-value>value</a></code> DOM attribute is
in mode <a href=#dom-input-value-value title=dom-input-value-value>value</a>.</p>
@@ -20644,8 +20746,8 @@
<code title=dom-input-value><a href=#dom-input-value>value</a></code>,
<code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, and
<code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code> DOM attributes;
- <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>, and
- <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.</p>
+ <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> and
+ <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code> methods.</p>
<p>The <code title=dom-input-value><a href=#dom-input-value>value</a></code> DOM attribute is
in mode <a href=#dom-input-value-value title=dom-input-value-value>value</a>.</p>
@@ -20742,8 +20844,8 @@
<code title=dom-input-value><a href=#dom-input-value>value</a></code>,
<code title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code>, and
<code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code> DOM attributes;
- <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code>, and
- <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods.</p>
+ <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> and
+ <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code> methods.</p>
<p>The <code title=dom-input-value><a href=#dom-input-value>value</a></code> DOM attribute is
in mode <a href=#dom-input-value-value title=dom-input-value-value>value</a>.</p>
@@ -20770,10 +20872,75 @@
<code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>.</p>
<p>The following DOM attributes do not apply to the element:
- <code class=no-backref title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code> and
- <code class=no-backref title=dom-input-checked><a href=#dom-input-checked>checked</a></code>.</p>
+ <code class=no-backref title=dom-input-checked><a href=#dom-input-checked>checked</a></code> and
+ <code class=no-backref title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>.</p>
- </div><h6 id=checkbox-state><span class=secno>4.10.4.1.14 </span><dfn title=attr-input-type-checkbox>Checkbox</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#checkbox-state title=attr-input-type-checkbox>Checkbox</a> state, the rules in
+ </div><h6 id=color-state><span class=secno>4.10.4.1.14 </span><dfn title=attr-input-type-color>Color</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#color-state title=attr-input-type-color>Color</a> state, the rules in this
+ section apply.<p>The <code><a href=#the-input-element>input</a></code> element represents a color well control,
+ for setting the element's <a href=#concept-fe-value title=concept-fe-value>value</a> to a string representing a
+ <a href=#simple-color>simple color</a>.<p class=note>In this state, there is always a color picked, and
+ there is no way to set the value to the empty string.<p>If the element is <i title=concept-input-mutable><a href=#concept-input-mutable>mutable</a></i>,
+ the user agent should allow the user to change the color represented
+ by its <a href=#concept-fe-value title=concept-fe-value>value</a>, as obtained from
+ applying the <a href=#rules-for-parsing-simple-color-values>rules for parsing simple color values</a> to
+ it. User agents must not allow the user to set the <a href=#concept-fe-value title=concept-fe-value>value</a> to a string that is not a
+ <a href=#valid-lowercase-simple-color>valid lowercase simple color</a>. If the user agent
+ provides a user interface for selecting a color, then the <a href=#concept-fe-value title=concept-fe-value>value</a> must be set to the result of
+ using the <a href=#rules-for-serialising-simple-color-values>rules for serialising simple color values</a> to
+ the user's selection. User agents must not allow the user to set the
+ <a href=#concept-fe-value title=concept-fe-value>value</a> to the empty string.<p>The <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute, if
+ specified, must have a value that is a <a href=#valid-simple-color>valid simple
+ color</a>.<p><strong>The <a href=#value-sanitization-algorithm>value sanitization algorithm</a> is as
+ follows:</strong> If the <a href=#concept-fe-value title=concept-fe-value>value</a>
+ of the element is a <a href=#valid-simple-color>valid simple color</a>, then set it to
+ the <a href=#concept-fe-value title=concept-fe-value>value</a> of the element
+ <a href=#converted-to-lowercase>converted to lowercase</a>; otherwise, set it to the string
+ "<code title="">#000000</code>".<div class=bookkeeping>
+
+ <p>The following common <code><a href=#the-input-element>input</a></code> element content
+ attributes, DOM attributes, and methods apply to the element:
+ <code title=attr-input-autocomplete><a href=#attr-input-autocomplete>autocomplete</a></code> and
+ <code title=attr-input-list><a href=#attr-input-list>list</a></code> content attributes;
+ <code title=dom-input-list><a href=#dom-input-list>list</a></code>,
+ <code title=dom-input-value><a href=#dom-input-value>value</a></code>, and
+ <code title=dom-input-selectedOption><a href=#dom-input-selectedoption>selectedOption</a></code> DOM attributes.</p>
+
+ <p>The <code title=dom-input-value><a href=#dom-input-value>value</a></code> DOM attribute is
+ in mode <a href=#dom-input-value-value title=dom-input-value-value>value</a>.</p>
+
+ <p>The <code title=event-input-input><a href=#event-input-input>input</a></code> and <code title=event-input-change><a href=#event-input-change>change</a></code> events apply.</p>
+
+ <p>The following content attributes must not be specified and do not
+ apply to the element:
+ <code class=no-backref title=attr-input-accept><a href=#attr-input-accept>accept</a></code>,
+ <code class=no-backref title=attr-fs-action><a href=#attr-fs-action>action</a></code>,
+ <code class=no-backref title=attr-input-alt><a href=#attr-input-alt>alt</a></code>,
+ <code class=no-backref title=attr-input-checked><a href=#attr-input-checked>checked</a></code>,
+ <code class=no-backref title=attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code>,
+ <code class=no-backref title=attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code>,
+ <code class=no-backref title=attr-input-max><a href=#attr-input-max>max</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-min><a href=#attr-input-min>min</a></code>,
+ <code class=no-backref title=attr-input-multiple><a href=#attr-input-multiple>multiple</a></code>,
+ <code class=no-backref title=attr-fs-novalidate><a href=#attr-fs-novalidate>novalidate</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>,
+ <code class=no-backref title=attr-input-src><a href=#attr-input-src>src</a></code>,
+ <code class=no-backref title=attr-input-step><a href=#attr-input-step>step</a></code>, and
+ <code class=no-backref title=attr-fs-target><a href=#attr-fs-target>target</a></code>.</p>
+
+ <p>The following DOM attributes and methods do not apply to the
+ element:
+ <code class=no-backref title=dom-input-checked><a href=#dom-input-checked>checked</a></code>,
+ <code class=no-backref title=dom-input-valueAsDate><a href=#dom-input-valueasdate>valueAsDate</a></code>, and
+ <code class=no-backref title=dom-input-valueAsNumber><a href=#dom-input-valueasnumber>valueAsNumber</a></code> DOM attributes;
+ <code class=no-backref title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> and
+ <code class=no-backref title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code> methods.</p>
+
+ </div><h6 id=checkbox-state><span class=secno>4.10.4.1.15 </span><dfn title=attr-input-type-checkbox>Checkbox</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#checkbox-state title=attr-input-type-checkbox>Checkbox</a> state, the rules in
this section apply.<p>The <code><a href=#the-input-element>input</a></code> element represents a two-state control
that represents the element's <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> state. If the
element's <a href=#concept-fe-checked title=concept-fe-checked>checkedness</a> state
@@ -20836,7 +21003,7 @@
<p>The <code title=event-input-input><a href=#event-input-input>input</a></code> event does not
apply.</p>
- </div><h6 id=radio-button-state><span class=secno>4.10.4.1.15 </span><dfn title=attr-input-type-radio>Radio Button</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#radio-button-state title=attr-input-type-radio>Radio Button</a> state, the rules
+ </div><h6 id=radio-button-state><span class=secno>4.10.4.1.16 </span><dfn title=attr-input-type-radio>Radio Button</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#radio-button-state title=attr-input-type-radio>Radio Button</a> state, the rules
in this section apply.<p>The <code><a href=#the-input-element>input</a></code> element represents a control that, when
used in conjunction with other <code><a href=#the-input-element>input</a></code> elements, forms a
<i><a href=#radio-button-group>radio button group</a></i> in which only one control can have its
@@ -20933,7 +21100,7 @@
<p>The <code title=event-input-input><a href=#event-input-input>input</a></code> event does not
apply.</p>
- </div><h6 id=file-upload-state><span class=secno>4.10.4.1.16 </span><dfn title=attr-input-type-file>File Upload</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#file-upload-state title=attr-input-type-file>File Upload</a> state, the rules in this
+ </div><h6 id=file-upload-state><span class=secno>4.10.4.1.17 </span><dfn title=attr-input-type-file>File Upload</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#file-upload-state title=attr-input-type-file>File Upload</a> state, the rules in this
section apply.<p>The <code><a href=#the-input-element>input</a></code> element represents a list of <dfn id=concept-input-type-file-selected title=concept-input-type-file-selected>selected files</dfn>, each
file consisting of a file name, a file type, and a file body (the
contents of the file).<p>If the element is <i title=concept-input-mutable><a href=#concept-input-mutable>mutable</a></i>,
@@ -21015,7 +21182,7 @@
<p>The <code title=event-input-input><a href=#event-input-input>input</a></code> event does not
apply.</p>
- </div><h6 id=submit-button-state><span class=secno>4.10.4.1.17 </span><dfn title=attr-input-type-submit>Submit Button</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#submit-button-state title=attr-input-type-submit>Submit Button</a> state, the rules
+ </div><h6 id=submit-button-state><span class=secno>4.10.4.1.18 </span><dfn title=attr-input-type-submit>Submit Button</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#submit-button-state title=attr-input-type-submit>Submit Button</a> state, the rules
in this section apply.<p>The <code><a href=#the-input-element>input</a></code> element represents a button that, when
activated, submits the form. If the element has a <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute, the button's label
must be the value of that attribute; otherwise, it must be an
@@ -21071,7 +21238,7 @@
<p>The <code class=no-backref title=event-input-input><a href=#event-input-input>input</a></code> and <code class=no-backref title=event-input-change><a href=#event-input-change>change</a></code> events do not apply.</p>
- </div><h6 id=image-button-state><span class=secno>4.10.4.1.18 </span><dfn title=attr-input-type-image>Image Button</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state, the rules
+ </div><h6 id=image-button-state><span class=secno>4.10.4.1.19 </span><dfn title=attr-input-type-image>Image Button</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#image-button-state title=attr-input-type-image>Image Button</a> state, the rules
in this section apply.<p>The <code><a href=#the-input-element>input</a></code> element represents either an image from
which a user can select a coordinate and submit the form, or
alternatively a button from which the user can submit the form. The
@@ -21202,7 +21369,7 @@
</div><p class=note>Many aspects of this state's behavior are similar to
the behavior of the <code><a href=#the-img-element>img</a></code> element. Readers are encouraged
to read that section, where many of the same requirements are
- described in more detail.<h6 id=reset-button-state><span class=secno>4.10.4.1.19 </span><dfn title=attr-input-type-reset>Reset Button</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#reset-button-state title=attr-input-type-reset>Reset Button</a> state, the rules
+ described in more detail.<h6 id=reset-button-state><span class=secno>4.10.4.1.20 </span><dfn title=attr-input-type-reset>Reset Button</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#reset-button-state title=attr-input-type-reset>Reset Button</a> state, the rules
in this section apply.<p>The <code><a href=#the-input-element>input</a></code> element represents a button that, when
activated, resets the form. If the element has a <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute, the button's label
must be the value of that attribute; otherwise, it must be an
@@ -21249,7 +21416,7 @@
<p>The <code class=no-backref title=event-input-input><a href=#event-input-input>input</a></code> and <code class=no-backref title=event-input-change><a href=#event-input-change>change</a></code> events do not apply.</p>
- </div><h6 id=button-state><span class=secno>4.10.4.1.20 </span><dfn title=attr-input-type-button>Button</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#button-state title=attr-input-type-button>Button</a> state, the rules in
+ </div><h6 id=button-state><span class=secno>4.10.4.1.21 </span><dfn title=attr-input-type-button>Button</dfn> state</h6><p>When an <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#button-state title=attr-input-type-button>Button</a> state, the rules in
this section apply.<p>The <code><a href=#the-input-element>input</a></code> element represents a button with no
default behavior. If the element has a <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute, the button's label
must be the value of that attribute; otherwise, it must be the empty
@@ -21605,10 +21772,10 @@
of the element to resulting string. Otherwise, run the <a href=#concept-input-value-number-string title=concept-input-value-number-string>algorithm to convert a
number to a string</a>, as defined for that state, on the new
value, and set the <a href=#concept-fe-value title=concept-fe-value>value</a> of
- the element to resulting string.</p><hr><p>The <dfn id=dom-input-stepup title=dom-input-stepUp><code>stepUp()</code></dfn> and
- <dfn id=dom-input-stepdown title=dom-input-stepDown><code>stepDown()</code></dfn>
- methods, when invoked, must run the following algorithm:<ol><li><p>If the <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code> and
- <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> methods do not
+ the element to resulting string.</p><hr><p>The <dfn id=dom-input-stepdown title=dom-input-stepDown><code>stepDown()</code></dfn>
+ and <dfn id=dom-input-stepup title=dom-input-stepUp><code>stepUp()</code></dfn>
+ methods, when invoked, must run the following algorithm:<ol><li><p>If the <code title=dom-input-stepDown><a href=#dom-input-stepdown>stepDown()</a></code> and
+ <code title=dom-input-stepUp><a href=#dom-input-stepup>stepUp()</a></code> methods do not
apply, as defined for the <code><a href=#the-input-element>input</a></code> element's <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute's current state, then
throw an <code>INVALID_ACCESS_ERR</code> exception, and abort these
steps.</li>
@@ -44083,4 +44250,8 @@
XXX * dolphinling suggests having a way to mark certain parts of a
form as being dependent on another (mutually exclusive parts of
a form)
+ XXX * make the spec more consistent about its use of "hexadecimal"
+ and "base-sixteen", the order that 0-9 A-Z a-z is mentioned,
+ and the detail to which the spec explains how to interpret a
+ string as a hexadecimal number.
-->
Received on Wednesday, 26 November 2008 03:52:16 UTC