Browse files

[] (0) Filling in the rendering section: <textarea>; minor editorial …

…fixes here and there.

git-svn-id: http://svn.whatwg.org/webapps@2769 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information...
1 parent 0b30687 commit f90a23db1a92c947f734d0177459073fe58af4fa @Hixie Hixie committed Feb 10, 2009
Showing with 95 additions and 49 deletions.
  1. +45 −25 index
  2. +50 −24 source
View
70 index
@@ -34,7 +34,7 @@
<div class=head>
<p><a class=logo href=http://www.whatwg.org/ rel=home><img alt=WHATWG src=/images/logo></a></p>
<h1>HTML 5</h1>
- <h2 class="no-num no-toc" id=draft-recommendation-&mdash;-date:-01-jan-1901>Draft Recommendation &mdash; 9 February 2009</h2>
+ <h2 class="no-num no-toc" id=draft-recommendation-&mdash;-date:-01-jan-1901>Draft Recommendation &mdash; 10 February 2009</h2>
<p>You can take part in this work. <a href=http://www.whatwg.org/mailing-list>Join the working group's discussion list.</a></p>
<p><strong>Web designers!</strong> We have a <a href=http://blog.whatwg.org/faq/>FAQ</a>, a <a href=http://forums.whatwg.org/>forum</a>, and a <a href=http://www.whatwg.org/mailing-list#help>help mailing list</a> for you!</p>
<dl><dt>Multiple-page version:</dt>
@@ -57140,6 +57140,15 @@ object[align=bottom] {
implement any relevant animations, etc, that are appropriate for the
platform. <a href=#refsCSSUI>[CSSUI]</a></p>
+ <hr><p>The <dfn id=converting-a-character-width-to-pixels>converting a character width to pixels</dfn> algorithm,
+ used by some of the bindings below, returns <span>(<var title="">size-1</var>)&times;<var title="">avg</var>&nbsp;+&nbsp;<var title="">max</var></span>, where
+ <var title="">size</var> is the character width to convert, <var title="">avg</var> is the average character width of the primary
+ font for the element for which the algorithm is being run, in
+ 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.)</p>
+
+
<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>
@@ -57232,11 +57241,10 @@ input[type=password] { binding: <i title="">input-password</i>; }
states has a <code title=attr-input-size><a href=#attr-input-size>size</a></code> attribute,
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 the attribute as a
- <a href=#presentational-hints>presentational hints</a> for the 'width' property on the
- element, with the value obtained from applying the <a href=#converting-a-character-width-to-pixels>converting
- a character width to pixels</a> algorithm to the value of the
- attribute.</p>
+ user agent is expected to use the attribute as a <a href=#presentational-hints title="presentational hints">presentational hint</a> for the
+ 'width' property on the element, with the value obtained from
+ applying the <a href=#converting-a-character-width-to-pixels>converting a character width to pixels</a>
+ algorithm to the value of the attribute.</p>
<p>If 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 one of the above
states does <em>not</em> have a <code title=attr-input-size><a href=#attr-input-size>size</a></code> attribute, then the user agent
@@ -57245,14 +57253,6 @@ input[type=password] { binding: <i title="">input-password</i>; }
from applying the <a href=#converting-a-character-width-to-pixels>converting a character width to
pixels</a> algorithm to the number 20.</p>
- <p>The <dfn id=converting-a-character-width-to-pixels>converting a character width to pixels</dfn> algorithm
- return <span>(<var title="">size-1</var>)&times;<var title="">avg</var>&nbsp;+&nbsp;<var title="">max</var></span>, where
- <var title="">size</var> is the character width to convert, <var title="">avg</var> is the average character width of the primary
- font for the element for which the algorithm is being run, in
- 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.)</p>
-
<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>
@@ -57496,18 +57496,19 @@ select {
<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>
+ non-negative integers">specified</a> by the element's <code title=attr-select-size><a href=#attr-select-size>size</a></code> attribute, or four rows if the
+ attribute is absent, 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>
<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>
+ non-negative integers">specifies</a> either no value (an error),
+ or 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>
<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
@@ -57529,12 +57530,31 @@ select {
-
-
-
<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>...</p>
+ <pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
+
+textarea { binding: <i title="">textarea</i>; }</pre>
+
+ <p>When the <i title="">textarea</i> binding applies to a
+ <code><a href=#the-textarea-element>textarea</a></code> element, the element is expected to render as
+ an 'inline-block' box rendered as a multiline text field.</p>
+
+ <p>If the element has a <code title=attr-input-cols>cols</code>
+ attribute, 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 the attribute as a <a href=#presentational-hints title="presentational hints">presentational hint</a> for the
+ 'width' property on the element, with the value obtained from
+ applying the <a href=#converting-a-character-width-to-pixels>converting a character width to pixels</a>
+ algorithm to the value of the attribute and then adding the width of
+ a scroll bar.</p>
+
+ <p>If the element has a <code title=attr-input-rows>rows</code>
+ attribute, 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 the attribute as a <a href=#presentational-hints title="presentational hints">presentational hint</a> for the
+ 'height' property on the element, with the value being the specified
+ number of lines, plus the height of a scrollbar.</p>
View
74 source
@@ -62570,6 +62570,20 @@ object[align=bottom] {
implement any relevant animations, etc, that are appropriate for the
platform. <a href="#refsCSSUI">[CSSUI]</a></p>
+ <hr>
+
+ <p>The <dfn>converting a character width to pixels</dfn> algorithm,
+ used by some of the bindings below, returns <span>(<var
+ title="">size-1</var>)&times;<var
+ title="">avg</var>&nbsp;+&nbsp;<var title="">max</var></span>, where
+ <var title="">size</var> is the character width to convert, <var
+ title="">avg</var> is the average character width of the primary
+ font for the element for which the algorithm is being run, in
+ 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.)</p>
+
+
<h4>The <code>bb</code> element</h4>
@@ -62672,11 +62686,11 @@ input[type=password] { binding: <i title="">input-password</i>; }
states has a <code title="attr-input-size">size</code> attribute,
and parsing that attribute's value using the <span>rules for parsing
non-negative integers</span> doesn't generate an error, then the
- user agent is expected to use the attribute as a
- <span>presentational hints</span> for the 'width' property on the
- element, with the value obtained from applying the <span>converting
- a character width to pixels</span> algorithm to the value of the
- attribute.</p>
+ user agent is expected to use the attribute as a <span
+ title="presentational hints">presentational hint</span> for the
+ 'width' property on the element, with the value obtained from
+ applying the <span>converting a character width to pixels</span>
+ algorithm to the value of the attribute.</p>
<p>If an <code>input</code> element whose <code
title="attr-input-type">type</code> attribute is in one of the above
@@ -62687,16 +62701,6 @@ input[type=password] { binding: <i title="">input-password</i>; }
from applying the <span>converting a character width to
pixels</span> algorithm to the number 20.</p>
- <p>The <dfn>converting a character width to pixels</dfn> algorithm
- return <span>(<var title="">size-1</var>)&times;<var
- title="">avg</var>&nbsp;+&nbsp;<var title="">max</var></span>, where
- <var title="">size</var> is the character width to convert, <var
- title="">avg</var> is the average character width of the primary
- font for the element for which the algorithm is being run, in
- 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.)</p>
-
<h4>The <code>input</code> element as domain-specific widgets</h4>
@@ -62975,19 +62979,20 @@ select {
as an 'inline-block' box whose 'height' is the height necessary to
contain as many rows for items as <span title="rules for parsing
non-negative integers">specified</span> by the element's <code
- title="attr-select-size">size</code> attribute, and whose 'width' is
- the <span>width of the <code>select</code>'s labels</span>, plus the
- width of a scrollbar.</p>
+ title="attr-select-size">size</code> attribute, or four rows if the
+ attribute is absent, and whose 'width' is the <span>width of the
+ <code>select</code>'s labels</span> plus the width of a
+ scrollbar.</p>
<p>When the <i title="">select</i> binding applies to a
<code>select</code> element whose <code
title="attr-select-multiple">multiple</code> attribute is absent,
and the element's <code title="attr-select-size">size</code>
attribute is either absent or <span title="rules for parsing
- non-negative integers">specifies</span> 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 <span>width of the <code>select</code>'s
- labels</span>.</p>
+ non-negative integers">specifies</span> either no value (an error),
+ or 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 <span>width of
+ the <code>select</code>'s labels</span>.</p>
<p>In either case (list box or drop-down box), the element's items
are expected to be the element's <span
@@ -63013,12 +63018,33 @@ select {
+ <h4>The <code>textarea</code> element</h4>
+ <pre class="css">@namespace url(http://www.w3.org/1999/xhtml);
+textarea { binding: <i title="">textarea</i>; }</pre>
- <h4>The <code>textarea</code> element</h4>
+ <p>When the <i title="">textarea</i> binding applies to a
+ <code>textarea</code> element, the element is expected to render as
+ an 'inline-block' box rendered as a multiline text field.</p>
- <p class="XXX">...</p>
+ <p>If the element has a <code title="attr-input-cols">cols</code>
+ attribute, and parsing that attribute's value using the <span>rules
+ for parsing non-negative integers</span> doesn't generate an error,
+ then the user agent is expected to use the attribute as a <span
+ title="presentational hints">presentational hint</span> for the
+ 'width' property on the element, with the value obtained from
+ applying the <span>converting a character width to pixels</span>
+ algorithm to the value of the attribute and then adding the width of
+ a scroll bar.</p>
+
+ <p>If the element has a <code title="attr-input-rows">rows</code>
+ attribute, and parsing that attribute's value using the <span>rules
+ for parsing non-negative integers</span> doesn't generate an error,
+ then the user agent is expected to use the attribute as a <span
+ title="presentational hints">presentational hint</span> for the
+ 'height' property on the element, with the value being the specified
+ number of lines, plus the height of a scrollbar.</p>

0 comments on commit f90a23d

Please sign in to comment.