HTML Standard Tracker

Filter

File a bug

SVNBugCommentTime (UTC)
2767Filling in the rendering section: the remaining <input> types -- all the buttons.2009-02-07 00:21
@@ -62696,80 +62696,80 @@ input[type=password] { binding: <i title="">input-password</i>; }
 
   <pre class="css">@namespace url(http://www.w3.org/1999/xhtml);
 input[type=datetime] { binding: <i title="">input-datetime</i>; }
 input[type=date] { binding: <i title="">input-date</i>; }
 input[type=month] { binding: <i title="">input-month</i>; }
 input[type=week] { binding: <i title="">input-week</i>; }
 input[type=time] { binding: <i title="">input-time</i>; }
 input[type=datetime-local] { binding: <i title="">input-datetime-local</i>; }
 input[type=number] { binding: <i title="">input-number</i>; }</pre>
 
-  <p>When the <i title="">datetime</i> binding applies to an
+  <p>When the <i title="">input-datetime</i> binding applies to an
   <code>input</code> element whose <code
   title="attr-input-type">type</code> attribute is in the <span
   title="attr-input-type-datetime">Date and Time</span> state, the
   element is expected to render as an 'inline-block' box depicting a
   Date and Time control.</p>
 
-  <p>When the <i title="">date</i> binding applies to an
+  <p>When the <i title="">input-date</i> binding applies to an
   <code>input</code> element whose <code
   title="attr-input-type">type</code> attribute is in the <span
   title="attr-input-type-date">Date</span> state, the element is
   expected to render as an 'inline-block' box depicting a Date
   control.</p>
 
-  <p>When the <i title="">month</i> binding applies to an
+  <p>When the <i title="">input-month</i> binding applies to an
   <code>input</code> element whose <code
   title="attr-input-type">type</code> attribute is in the <span
   title="attr-input-type-month">Month</span> state, the element is
   expected to render as an 'inline-block' box depicting a Month
   control.</p>
 
-  <p>When the <i title="">week</i> binding applies to an
+  <p>When the <i title="">input-week</i> binding applies to an
   <code>input</code> element whose <code
   title="attr-input-type">type</code> attribute is in the <span
   title="attr-input-type-week">Week</span> state, the element is
   expected to render as an 'inline-block' box depicting a Week
   control.</p>
 
-  <p>When the <i title="">time</i> binding applies to an
+  <p>When the <i title="">input-time</i> binding applies to an
   <code>input</code> element whose <code
   title="attr-input-type">type</code> attribute is in the <span
   title="attr-input-type-time">Time</span> state, the element is
   expected to render as an 'inline-block' box depicting a Time
   control.</p>
 
-  <p>When the <i title="">datetime-local</i> binding applies to an
+  <p>When the <i title="">input-datetime-local</i> binding applies to an
   <code>input</code> element whose <code
   title="attr-input-type">type</code> attribute is in the <span
   title="attr-input-type-datetime-local">Local Date and Time</span>
   state, the element is expected to render as an 'inline-block' box
   depicting a Local Date and Time control.</p>
 
-  <p>When the <i title="">number</i> binding applies to an
+  <p>When the <i title="">input-number</i> binding applies to an
   <code>input</code> element whose <code
   title="attr-input-type">type</code> attribute is in the <span
   title="attr-input-type-number">Number</span> state, the element is
   expected to render as an 'inline-block' box depicting a Number
   control.</p>
 
   <p>These controls are all expected to be about one line high, and
   about as wide as necessary to show the widest possible value.</p>
 
 
 
   <h4>The <code>input</code> element as a range control</h4>
 
   <pre class="css">@namespace url(http://www.w3.org/1999/xhtml);
 input[type=range] { binding: <i title="">input-range</i>; }</pre>
 
-  <p>When the <i title="">datetime</i> binding applies to an
+  <p>When the <i title="">input-range</i> binding applies to an
   <code>input</code> element whose <code
   title="attr-input-type">type</code> attribute is in the <span
   title="attr-input-type-range">Range</span> state, the element is
   expected to render as an 'inline-block' box depicting a slider
   control.</p>
 
   <p>When the control is wider than it is tall, the control is
   expected to be a horizontal slider, with the lowest value on the
   right if the 'direction' property on this element has a computed
   value of 'rtl', and on the left otherwise. When the control is
@@ -62780,67 +62780,94 @@ input[type=range] { binding: <i title="">input-range</i>; }</pre>
   title="attr-input-list">list</code> attribute) are expected to be
   shown as tick marks on the slider, which the slider can snap to.</p>
 
 
 
   <h4>The <code>input</code> element as a color well</h4>
 
   <pre class="css">@namespace url(http://www.w3.org/1999/xhtml);
 input[type=color] { binding: <i title="">input-color</i>; }</pre>
 
-  <p>When the <i title="">datetime</i> binding applies to an
+  <p>When the <i title="">input-color</i> binding applies to an
   <code>input</code> element whose <code
   title="attr-input-type">type</code> attribute is in the <span
   title="attr-input-type-color">Color</span> state, the element is
   expected to render as an 'inline-block' box depicting a color well,
   which, when activated, provides the user with a color picker (e.g. a
   color wheel or color palette) from which the color can be
   changed.</p>
 
   <p>Predefined suggested values (provided by the <code
   title="attr-input-list">list</code> attribute) are expected to be
   shown in the color picker interface, not on the color well
   itself.</p>
 
 
 
-  <h4>The <code>input</code> element as a check box widget</h4>
-
-  <p class="XXX">When an <code>input</code> element's <code
-  title="attr-input-type">type</code> attribute is in the <span
-  title="attr-input-type-checkbox">Checkbox</span> state, ...</p>
-
+  <h4>The <code>input</code> element as a check box and radio button widgets</h4>
 
+  <pre class="css">@namespace url(http://www.w3.org/1999/xhtml);
+input[type=checkbox] { binding: <i title="">input-checkbox</i>; }
+input[type=radio] { binding: <i title="">input-radio</i>; }</pre>
 
-  <h4>The <code>input</code> element as a radio button widget</h4>
+  <p>When the <i title="">input-checkbox</i> binding applies to an
+  <code>input</code> element whose <code
+  title="attr-input-type">type</code> attribute is in the <span
+  title="attr-input-type-checkbox">Checkbox</span> state, the element
+  is expected to render as an 'inline-block' box containing a single
+  check box control, with no label.</p>
 
-  <p class="XXX">When an <code>input</code> element's <code
+  <p>When the <i title="">input-radio</i> binding applies to an
+  <code>input</code> element whose <code
   title="attr-input-type">type</code> attribute is in the <span
-  title="attr-input-type-radio">Radio Button</span> state, ...</p>
+  title="attr-input-type-radio">Radio Button</span> state, the element
+  is expected to render as an 'inline-block' box containing a single
+  radio button control, with no label.</p>
 
 
 
   <h4>The <code>input</code> element as a file upload control</h4>
 
-  <p class="XXX">When an <code>input</code> element's <code
+  <pre class="css">@namespace url(http://www.w3.org/1999/xhtml);
+input[type=file] { binding: <i title="">input-file</i>; }</pre>
+
+  <p>When the <i title="">input-file</i> binding applies to an
+  <code>input</code> element whose <code
   title="attr-input-type">type</code> attribute is in the <span
-  title="attr-input-type-file">File Upload</span> state, ...</p>
+  title="attr-input-type-file">File Upload</span> state, the element
+  is expected to render as an 'inline-block' box containing a span of
+  text giving the filename(s) of the <span
+  title="concept-input-type-file-selected">selected files</span>, if
+  any, followed by a button that, when activated, provides the user
+  with a file picker from which the selection can be changed.</p>
 
 
 
   <h4>The <code>input</code> element as a button</h4>
 
-  <p class="XXX">When an <code>input</code> element's <code
+  <pre class="css">@namespace url(http://www.w3.org/1999/xhtml);
+input[type=submit], input[type=reset], input[type=button] {
+  binding: <i title="">input-button</i>;
+}</pre>
+
+  <p>When the <i title="">input-button</i> binding applies to an
+  <code>input</code> element whose <code
   title="attr-input-type">type</code> attribute is in the <span
   title="attr-input-type-submit">Submit Button</span> <span
   title="attr-input-type-reset">Reset Button</span>, or <span
-  title="attr-input-type-button">Button</span> state, ...</p>
+  title="attr-input-type-button">Button</span> state, the element is
+  expected to render as an 'inline-block' box rendered as a button,
+  about one line high, containing the contents of the element's <code
+  title="attr-input-value">value</code> attribute, if any, or text
+  derived from the element's <code title="attr-input-type">type</code>
+  attribute in a user-agent-defined (and probably locale-specific)
+  fashion, if not.</p>
 
 
 
   <h4>The <code>marquee</code> element</h4>
 
   <p class="XXX">...</p>
   <!-- XXX attributes: height/width; direction is case insensitive; bgcolor; hspace/vspace -->
 
 
 

|