Skip to content
Permalink
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...
Hixie committed Feb 10, 2009
1 parent 0b30687 commit f90a23db1a92c947f734d0177459073fe58af4fa
Showing with 95 additions and 49 deletions.
  1. +45 −25 index
  2. +50 −24 source
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>
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>

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
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>
<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






<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>



74 source
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>

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
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>
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



<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.
You can’t perform that action at this time.