W3C home > Mailing lists > Public > public-html-diffs@w3.org > February 2009

spec/Overview.html 1.1938 2768 Filling in the rendering section: <selec

From: poot <cvsmail@w3.org>
Date: Tue, 10 Feb 2009 09:09:14 +0900 (JST)
To: public-html-diffs@w3.org
Message-Id: <20090210000914.4CA652BCB0@toro.w3.mag.keio.ac.jp>

Filling in the rendering section: <select>, <progress>, <meter>; minor
editorial fixes here and there. (whatwg r2768)

10.4.12 The input element as a button
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1938.html#the-input-element-as-a-button
10.4.9 The input element as a color well
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1938.html#the-input-element-as-a-color-well
10.4.15 The progress element
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1938.html#the-progress-element-0
its pseudo-elements
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1938.html#datagridPseudos
10.4.6 The input element as a text entry widget
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1938.html#the-input-element-as-a-text-entry-widget
toDataURL()
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1938.html#dom-canvas-todataurl
10.4.3 The button element
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1938.html#the-button-element-0
10.4 Bindings
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1938.html#bindings
presentational hints
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1938.html#presentational-hints
4.8.11.1 The 2D context
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1938.html#the-2d-context
10.4.13 The marquee element
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1938.html#the-marquee-element
width of the select's labels
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1938.html#width-of-the-select-s-labels
2d
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1938.html#canvas-context-2d
converting a character width to pixels
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1938.html#converting-a-character-width-to-pixels
10.4.7 The input element as domain-specific widgets
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1938.html#the-input-element-as-domain-specific-widgets
10.4.5 The details element
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1938.html#the-details-element-0
10.4.17 The textarea element
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1938.html#the-textarea-element-0
10.4.11 The input element as a file upload control
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1938.html#the-input-element-as-a-file-upload-control
10.4.10 The input element as a check box and radio button widgets
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1938.html#the-input-element-as-a-check-box-and-radio-button-widgets
maps to the pixel length property
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1938.html#maps-to-the-pixel-length-property
10.4.2 The bb element
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1938.html#the-bb-element-0
10.4.16 The select element
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1938.html#the-select-element-0
Status of this document
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1938.html#status-of-this-document
10.4.8 The input element as a range control
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1938.html#the-input-element-as-a-range-control
CanvasRenderingContext2D
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1938.html#canvasrenderingcontext2d
A vocabulary and associated APIs for HTML and XHTML
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1938.html#a-vocabulary-and-associated-apis-for-html-and-xhtml
task source
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1938.html#task-source
Editor's Draft 9 February 2009
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1938.html#editor-s-draft-date-zzz-9-june-2008

http://people.w3.org/mike/diffs/html5/spec/Overview.diff.html
http://dev.w3.org/cvsweb/html5/spec/Overview.html?r1=1.1937&r2=1.1938&f=h
http://html5.org/tools/web-apps-tracker?from=2767&to=2768

===================================================================
RCS file: /sources/public/html5/spec/Overview.html,v
retrieving revision 1.1937
retrieving revision 1.1938
diff -u -d -r1.1937 -r1.1938
--- Overview.html	7 Feb 2009 00:21:54 -0000	1.1937
+++ Overview.html	10 Feb 2009 00:06:12 -0000	1.1938
@@ -10,7 +10,7 @@
    <p><a href=http://www.w3.org/><img alt=W3C height=48 src=http://www.w3.org/Icons/w3c_home width=72></a></p>
    <h1>HTML 5</h1>
    <h2 class="no-num no-toc" id=a-vocabulary-and-associated-apis-for-html-and-xhtml>A vocabulary and associated APIs for HTML and XHTML</h2>
-   <h2 class="no-num no-toc" id=editor-s-draft-date-zzz-9-june-2008><!-- "W3C Working Draft" --> Editor's Draft <!--ZZZ-->7 February 2009</h2>
+   <h2 class="no-num no-toc" id=editor-s-draft-date-zzz-9-june-2008><!-- "W3C Working Draft" --> Editor's Draft <!--ZZZ-->9 February 2009</h2>
    <dl><!-- ZZZ: update the month/day
     <dt>This Version:</dt>
     <dd><a href="http://www.w3.org/TR/2009/WD-html5-20090610/">http://www.w3.org/TR/2009/WD-html5-20090610/</a></dd>
@@ -99,7 +99,7 @@
   specification's progress along the W3C Recommendation
   track.
   <!--ZZZ:-->
-  This specification is the 7 February 2009 <!--ZZZ "Working Draft"-->Editor's Draft.
+  This specification is the 9 February 2009 <!--ZZZ "Working Draft"-->Editor's Draft.
   <!--:ZZZ-->
   </p><!-- UNDER NO CIRCUMSTANCES IS THE PRECEDING PARAGRAPH TO BE REMOVED OR EDITED WITHOUT TALKING TO IAN FIRST --><!-- relationship to other work (required) --><p>This specification is also being produced by the <a href=http://www.whatwg.org/>WHATWG</a>. The two specifications are
   identical from the table of contents onwards.</p><!-- UNDER NO CIRCUMSTANCES IS THE FOLLOWING PARAGRAPH TO BE REMOVED OR EDITED WITHOUT TALKING TO IAN FIRST --><!-- UNDER NO CIRCUMSTANCES IS THE PRECEDING PARAGRAPH TO BE REMOVED OR EDITED WITHOUT TALKING TO IAN FIRST --><!-- context and rationale (required) --><p>This specification is intended to replace (be a new version of)
@@ -16214,7 +16214,7 @@
   to raise an exception. A future version of this specification will
   probably define other parameters to be passed to <code title=dom-canvas-toDataURL><a href=#dom-canvas-todataurl>toDataURL()</a></code> to allow authors to
   more carefully control compression settings, image metadata,
-  etc.<h5 id=the-2d-context><span class=secno>4.8.11.1 </span>The 2D context</h5><p>When the <code title=dom-canvas-getContext><a href=#dom-canvas-getcontext>getContext()</a></code>
+  etc.<h5 id=the-2d-context><span class=secno>4.8.11.1 </span>The 2D context</h5><!-- v2: we're on v3. suggestions for next version are marked v4. --><p>When the <code title=dom-canvas-getContext><a href=#dom-canvas-getcontext>getContext()</a></code>
   method of a <code><a href=#the-canvas-element>canvas</a></code> element is invoked with <dfn id=canvas-context-2d title=canvas-context-2d><code>2d</code></dfn> as the argument, a
   <code><a href=#canvasrenderingcontext2d>CanvasRenderingContext2D</a></code> object is returned.<p>There is only one <code><a href=#canvasrenderingcontext2d>CanvasRenderingContext2D</a></code> object
   per canvas, so calling the <code title=dom-canvas-getContext><a href=#dom-canvas-getcontext>getContext()</a></code> method with the
@@ -16244,7 +16244,12 @@
   // compositing
            attribute float <a href=#dom-context-2d-globalalpha title=dom-context-2d-globalAlpha>globalAlpha</a>; // (default 1.0)
            attribute DOMString <a href=#dom-context-2d-globalcompositeoperation title=dom-context-2d-globalCompositeOperation>globalCompositeOperation</a>; // (default source-over)
-
+<!--
+  // XXXv4 we've also received requests for:
+  - turning off antialiasing to avoid seams when patterns are painted next to each other
+    - might be better to overdraw?
+    - might be better to just draw at a higher res then downsample, like for 3d?
+-->
   // colors and styles
            attribute any <a href=#dom-context-2d-strokestyle title=dom-context-2d-strokeStyle>strokeStyle</a>; // (default black)
            attribute any <a href=#dom-context-2d-fillstyle title=dom-context-2d-fillStyle>fillStyle</a>; // (default black)
@@ -28694,8 +28699,8 @@
   order.<p>An <a href=#event-loop>event loop</a> must continually run through the
   following steps for as long as it exists:<ol><li><p>Run the oldest task on one of the <a href=#event-loop>event loop</a>'s
    <a href=#task-queue title="task queue">task queues</a>, ignoring tasks whose
-   associated <code>Document</code>s are not <a href=#active-document title="active
-   document">active</a>. The user agent may pick any <a href=#task-queue>task
+   associated <code>Document</code>s are not <a href=#fully-active>fully
+   active</a>. The user agent may pick any <a href=#task-queue>task
    queue</a>.</li>
 
    <li><p>Remove that task from its <a href=#task-queue>task queue</a>.</li>
@@ -46224,8 +46229,7 @@
   called out as <dfn id=presentational-hints>presentational hints</dfn>.<p>Rules regarding left and right margins are given here as
   appropriate for elements whose 'direction' property is 'ltr', and
   are expected to be flipped around on elements whose 'direction'
-  property is 'rtl'.<p class=XXX>Please send feedback if you can accurately describe
-  rules required by legacy content.</p><hr><p>When the text below says that an attribute <var title="">attribute</var> on an element <var title="">element</var>
+  property is 'rtl'.</p><hr><p>When the text below says that an attribute <var title="">attribute</var> on an element <var title="">element</var>
   <dfn id=maps-to-the-pixel-length-property>maps to the pixel length property</dfn> (or properties) <var title="">properties</var>, it means that if <var title="">element</var> has an attribute <var title="">attribute</var> set, and parsing that attribute's value
   using the <a href=#rules-for-parsing-non-negative-integers>rules for parsing non-negative integers</a>
   doesn't generate an error, then the user agent is expected to use
@@ -47132,11 +47136,13 @@
   platform-native appearances for widgets, and are expected to
   implement any relevant animations, etc, that are appropriate for the
   platform. <a href=#references>[CSSUI]</a><h4 id=the-bb-element-0><span class=secno>10.4.2 </span>The <code><a href=#the-bb-element>bb</a></code> element</h4><pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
+
 bb:empty { binding: <i title="">bb</i>; }</pre><p>When the <i title="">bb</i> binding applies to a <code><a href=#the-bb-element>bb</a></code>
   element, the element is expected to render as an 'inline-block' box
   rendered as a button, about one line high, containing text derived
   from the element's <code title=attr-bb-type><a href=#attr-bb-type>type</a></code> attribute
   in a user-agent-defined (and probably locale-specific) fashion.<h4 id=the-button-element-0><span class=secno>10.4.3 </span>The <code><a href=#the-button-element>button</a></code> element</h4><pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
+
 button { binding: <i title="">button</i>; }</pre><p>When the <i title="">button</i> binding applies to a
   <code><a href=#the-button-element>button</a></code> element, the element is expected to render as an
   'inline-block' box rendered as a button whose contents are the
@@ -47145,6 +47151,7 @@
   pseudo-elements</span>), drag-and-drop, etc, in a visual medium, in
   concert with CSS. Implementation experience is desired before this
   section is filled in.<h4 id=the-details-element-0><span class=secno>10.4.5 </span>The <code><a href=#the-details-element>details</a></code> element</h4><pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
+
 details { binding: <i title="">details</i>; }</pre><p>When the <i title="">details</i> binding applies to a
   <code><a href=#the-details-element>details</a></code> element, the element is expected to render as a
   'block' box with its 'padding-left' property set to '40px'. The
@@ -47169,6 +47176,7 @@
 
 
   <h4 id=the-input-element-as-a-text-entry-widget><span class=secno>10.4.6 </span>The <code><a href=#the-input-element>input</a></code> element as a text entry widget</h4><pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
+
 input { binding: <i title="">input-textfield</i>; }
 input[type=password] { binding: <i title="">input-password</i>; }
 /* later rules override this for other values of type="" */</pre><p>When the <i title="">input-textfield</i> binding applies to an
@@ -47197,6 +47205,7 @@
   pixels, and <var title="">max</var> is the maximum character width
   of that same font, also in pixels. (The element's 'letter-spacing'
   property does not affect the result.)<h4 id=the-input-element-as-domain-specific-widgets><span class=secno>10.4.7 </span>The <code><a href=#the-input-element>input</a></code> element as domain-specific widgets</h4><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>; }
@@ -47226,16 +47235,18 @@
   expected to render as an 'inline-block' box depicting a Number
   control.<p>These controls are all expected to be about one line high, and
   about as wide as necessary to show the widest possible value.<h4 id=the-input-element-as-a-range-control><span class=secno>10.4.8 </span>The <code><a href=#the-input-element>input</a></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="">input-range</i> binding applies to an
   <code><a href=#the-input-element>input</a></code> element whose <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute is in the <a href=#range-state title=attr-input-type-range>Range</a> state, the element is
   expected to render as an 'inline-block' box depicting a slider
-  control.<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
-  taller than it is wide, it is expected to be a vertical slider, with
-  the lowest value on the top.<p>Predefined suggested values (provided by the <code title=attr-input-list><a href=#attr-input-list>list</a></code> attribute) are expected to be
+  control.<p>When the control is wider than it is tall (or square), 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 taller than it is wide, it is expected to be a vertical slider,
+  with the lowest value on the bottom.<p>Predefined suggested values (provided by the <code title=attr-input-list><a href=#attr-input-list>list</a></code> attribute) are expected to be
   shown as tick marks on the slider, which the slider can snap to.<h4 id=the-input-element-as-a-color-well><span class=secno>10.4.9 </span>The <code><a href=#the-input-element>input</a></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="">input-color</i> binding applies to an
   <code><a href=#the-input-element>input</a></code> element whose <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 element is
   expected to render as an 'inline-block' box depicting a color well,
@@ -47244,6 +47255,7 @@
   changed.<p>Predefined suggested values (provided by the <code title=attr-input-list><a href=#attr-input-list>list</a></code> attribute) are expected to be
   shown in the color picker interface, not on the color well
   itself.<h4 id=the-input-element-as-a-check-box-and-radio-button-widgets><span class=secno>10.4.10 </span>The <code><a href=#the-input-element>input</a></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><p>When the <i title="">input-checkbox</i> binding applies to an
   <code><a href=#the-input-element>input</a></code> element whose <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 element
@@ -47252,12 +47264,14 @@
   <code><a href=#the-input-element>input</a></code> element whose <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 element
   is expected to render as an 'inline-block' box containing a single
   radio button control, with no label.<h4 id=the-input-element-as-a-file-upload-control><span class=secno>10.4.11 </span>The <code><a href=#the-input-element>input</a></code> element as a file upload control</h4><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><a href=#the-input-element>input</a></code> element whose <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 element
   is expected to render as an 'inline-block' box containing a span of
   text giving the filename(s) of the <a href=#concept-input-type-file-selected title=concept-input-type-file-selected>selected files</a>, if
   any, followed by a button that, when activated, provides the user
   with a file picker from which the selection can be changed.<h4 id=the-input-element-as-a-button><span class=secno>10.4.12 </span>The <code><a href=#the-input-element>input</a></code> element as a button</h4><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
@@ -47266,7 +47280,78 @@
   about one line high, containing the contents of the element's <code title=attr-input-value><a href=#attr-input-value>value</a></code> attribute, if any, or text
   derived from the element's <code title=attr-input-type><a href=#attr-input-type>type</a></code>
   attribute in a user-agent-defined (and probably locale-specific)
-  fashion, if not.<h4 id=the-marquee-element><span class=secno>10.4.13 </span>The <code><a href=#the-marquee-element-0>marquee</a></code> element</h4><p class=XXX>...</p><!-- XXX attributes: height/width; direction is case insensitive; bgcolor; hspace/vspace --><h4 id=the-meter-element-0><span class=secno>10.4.14 </span>The <code><a href=#the-meter-element>meter</a></code> element</h4><p class=XXX>...<h4 id=the-progress-element-0><span class=secno>10.4.15 </span>The <code><a href=#the-progress-element>progress</a></code> element</h4><p class=XXX>...<h4 id=the-select-element-0><span class=secno>10.4.16 </span>The <code><a href=#the-select-element>select</a></code> element</h4><p class=XXX>...</p><!-- multiple, size; optgroup --><h4 id=the-textarea-element-0><span class=secno>10.4.17 </span>The <code><a href=#the-textarea-element>textarea</a></code> element</h4><p class=XXX>...<h3 id=frames-and-framesets><span class=secno>10.5 </span>Frames and framesets</h3><p>When an <code><a href=#the-html-element>html</a</code> element's second child element is a
+  fashion, if not.<h4 id=the-marquee-element><span class=secno>10.4.13 </span>The <code><a href=#the-marquee-element-0>marquee</a></code> element</h4><p class=XXX>...(Waiting til I've specced the DOM side of this)...</p><!-- XXX attributes: height/width; direction is case insensitive; bgcolor; hspace/vspace --><h4 id=the-meter-element-0><span class=secno>10.4.14 </span>The <code><a href=#the-meter-element>meter</a></code> element</h4><pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
+
+meter {
+  binding: <i title="">meter</i>;
+}</pre><p>When the <i title="">meter</i> binding applies to a
+  <code><a href=#the-meter-element>meter</a></code> element, the element is expected to render as an
+  'inline-block' box with a 'height' of '1em' and a 'width' of '5em',
+  a 'vertical-align' of '-0.2em', and with its contents depicting a
+  gauge.<p>When the element is wider than it is tall (or square), the
+  depiction is expected to be of a horizontal gauge, with the minimum
+  value on the right if the 'direction' property on this element has a
+  computed value of 'rtl', and on the left otherwise. When the element
+  is taller than it is wide, it is expected to depict a vertical
+  gauge, with the minimum value on the bottom.<p>User agents are expected to use a presentation consistent with
+  platform conventions for gauges, if any.<p class=note>Requirements for what must be depicted in the gauge
+  are included in the definition of the <code><a href=#the-meter-element>meter</a></code>
+  element.<h4 id=the-progress-element-0><span class=secno>10.4.15 </span>The <code><a href=#the-progress-element>progress</a></code> element</h4><pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
+
+progress {
+  binding: <i title="">progress</i>;
+}</pre><p>When the <i title="">progress</i> binding applies to a
+  <code><a href=#the-progress-element>progress</a></code> element, the element is expected to render as
+  an 'inline-block' box with a 'height' of '1em' and a 'width' of
+  '10em', a 'vertical-align' of '-0.2em', and with its contents
+  depicting a horizontal progress bar, with the start on the right and
+  the end on the left if the 'direction' property on this element has
+  a computed value of 'rtl', and with the start on the left and the
+  end on the right otherwise.<p>User agents are expected to use a presentation consistent with
+  platform conventions for progress bars. In particular, user agents
+  are expected to use different presentations for determinate and
+  indeterminate progress bars. User agents are also expected to vary
+  the presentation based on the dimensions of the element.<p class=example>For example, on some platforms for showing
+  indeterminate progress there is an asychronous progress indicator
+  with square dimensions, which could be used when the element is
+  square, and an indeterminate progress bar, which could be used when
+  the element is wide.<p class=note>Requirements for how to determine if the progress
+  bar is determinate or indeterminate, and what progress a determinate
+  progress bar is to show, are included in the definition of the
+  <code><a href=#the-progress-element>progress</a></code> element.<h4 id=the-select-element-0><span class=secno>10.4.16 </span>The <code><a href=#the-select-element>select</a></code> element</h4><pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
+
+select {
+  binding: <i title="">select</i>;
+}</pre><p>When the <i title="">select</i> binding applies to a
+  <code><a href=#the-select-element>select</a></code> element whose <code title=attr-select-multiple><a href=#attr-select-multiple>multiple</a></code> attribute is present,
+  the element is expected to render as a multi-select list box.<p>When the <i title="">select</i> binding applies to a
+  <code><a href=#the-select-element>select</a></code> element whose <code title=attr-select-multiple><a href=#attr-select-multiple>multiple</a></code> attribute is absent,
+  and the element's <code title=attr-select-size><a href=#attr-select-size>size</a></code>
+  attribute <a href=#rules-for-parsing-non-negative-integers title="rules for parsing non-negative
+  integers">specifies</a> a value greater than 1, the element is
+  expected to render as a single-select list box.<p>When the element renders as a list box, it is expected to render
+  as an 'inline-block' box whose 'height' is the height necessary to
+  contain as many rows for items as <a href=#rules-for-parsing-non-negative-integers title="rules for parsing
+  non-negative integers">specified</a> by the element's <code title=attr-select-size><a href=#attr-select-size>size</a></code> attribute, and whose 'width' is
+  the <a href=#width-of-the-select-s-labels>width of the <code>select</code>'s labels</a>, plus the
+  width of a scrollbar.<p>When the <i title="">select</i> binding applies to a
+  <code><a href=#the-select-element>select</a></code> element whose <code title=attr-select-multiple><a href=#attr-select-multiple>multiple</a></code> attribute is absent,
+  and the element's <code title=attr-select-size><a href=#attr-select-size>size</a></code>
+  attribute is either absent or <a href=#rules-for-parsing-non-negative-integers title="rules for parsing
+  non-negative integers">specifies</a> a value less than or equal
+  to 1, the element is expected to render as a one-line drop down box
+  whose width is the <a href=#width-of-the-select-s-labels>width of the <code>select</code>'s
+  labels</a>.<p>In either case (list box or drop-down box), the element's items
+  are expected to be the element's <a href=#concept-select-option-list title=concept-select-option-list>list of options</a>, with the
+  element's <code><a href=#the-optgroup-element>optgroup</a></code> element children providing headers
+  for groups of options where applicable.<p>The <dfn id=width-of-the-select-s-labels>width of the <code>select</code>'s labels</dfn> is the
+  wider of the width necessary to render the widest
+  <code><a href=#the-optgroup-element>optgroup</a></code>, and the width necessary to render the widest
+  <code><a href=#the-option-element>option</a></code> element in the element's <a href=#concept-select-option-list title=concept-select-option-list>list of options</a> (including
+  its indent, if any).<p>An <code><a href=#the-optgroup-element>optgroup</a></code> element is expected to be rendered by
+  displaying the element's <code title=attr-optgroup-label><a href=#attr-optgroup-label>label</a></code> attribute.<p>An <code><a href=#the-option-element>option</a></code> element is expected to be rendered by
+  displaying the element's <code title=concept-option-label><a href=#concept-option-label>label</a></code>, indented under its
+  <code><a href=#the-optgroup-element>optgroup</a></code> element if it has one.<h4 id=the-textarea-element-0><span class=secno>10.4.17 </span>The <code><a href=#the-textarea-element>textarea</a></code> element</h4><p class=XXX>...<h3 id=frames-and-framesets><span class=secno>10.5 </span>Frames and framesets</h3><p>When an <code><a href=#the-html-element>html</a></code> element's second child element is a
   <code>frameset</code> element, the user agent is expected to render
   the <code>frameset</code> element as described below across the
   surface of the <a href=#view>view</a>, instead of applying the usual CSS
Received on Tuesday, 10 February 2009 00:09:52 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Saturday, 18 December 2010 06:13:58 GMT