<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><section><h1>select 要素 size 属性 (HTML, XHTML 1)</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="4" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[4]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML</anchor> の <code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">select</anchor></code> 要素の
<dfn><code class="HTMLa">size</code> 属性</dfn>は、 <code class="HTMLe">select</code>
要素が scroll する list box として表示される時に一度に表示するべき列数を指定します。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="18" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[18]</anchor-end> 仕様書:<ul><li><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML 4</anchor><ul><li><code class="HTMLe">select</code> 要素 <code class="HTMLa">size</code> 属性
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="IW" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="HTML4:&quot;interact/forms.html#adef-size-SELECT&quot;">IW:HTML4:&quot;interact/forms.html#adef-size-SELECT&quot;</anchor-external></li></ul></li></ul></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="32" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[32]</anchor-end>
HTML 4 DTD の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">注釈</anchor> (参考) には
<q>rows visible</q> と説明があります。
(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名無しさん</anchor> [sage])</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form><section><h1>属性値</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="19" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[19]</anchor-end> この属性の値は <code class="SGML"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">NUMBER</anchor></code> です。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="20" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[20]</anchor-end> この属性は省略可能です。</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>UA による利用</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="21" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[21]</anchor-end> この属性は、 <code class="HTMLe">select</code> 要素が list box
としてレンダリングされるときの一度に可視たるべき列 (項目) 数を指定します。</p><p>但し、 <code class="HTMLe">select</code> は list box 以外でレンダリングして一向に構いません
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">HTML 4 17.6</src>。 List box 以外で <code class="HTMLa">size</code>
属性がどう使われるのか (使われないのか) の規定はありませんから、
実装依存ということになるでしょう。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="5" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[5]</anchor-end> 多くの<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">視覚UA</anchor> では、 <code class="HTMLa">size</code> 属性が指定されていればその大きさの
list box として、 <code class="HTMLa">size</code>
属性が指定されていなければ combo box としてレンダリングされます。</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>可用性</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="28" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[28]</anchor-end> 実際の選択肢数に比べて著しく少ない <code class="HTMLa">size</code>
を指定すると、一覧性と選択のしやすさが損なわれます。
特に、 <code class="HTMLa">size</code> を <code class="HTML">1</code> とした HTML
文書をたまに見かけますが、多くの UA の実装では scroll
のためのボタンが <code class="HTMLa">size</code> にあわせて小さくなるために、
極めて使いづらい状態となります。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="29" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[29]</anchor-end> また、実際の選択肢数より少しだけ少ない <code class="HTMLa">size</code>
を指定した場合、最初と最後のわずかな数の選択肢を見るためだけに
scroll せざるを得ず、閲覧者のストレスの元ともなります。
特に日常的・頻繁に使用する<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ウェブ応用</anchor>の類では、
十分な配慮が求められるでしょう。</p></section></section><section><h1>歴史</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="68" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[68]</anchor-end> <cite>IRC logs: freenode / #whatwg / 20100403</cite>
(<time>2010-04-18 19:51:34 +09:00</time> 版)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://krijnhoetmer.nl/irc-logs/whatwg/20100403#l-146">http://krijnhoetmer.nl/irc-logs/whatwg/20100403#l-146</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="69" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[69]</anchor-end> <cite xml:lang="en">Web Applications 1.0 r5793     change select.size once more, to match browsers</cite>
( (<time>2011-01-21 08:45:00 +09:00</time> 版))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://html5.org/tools/web-apps-tracker?from=5792&amp;to=5793">http://html5.org/tools/web-apps-tracker?from=5792&amp;to=5793</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="71" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[71]</anchor-end> <cite xml:lang="en">Web Applications 1.0 r6119     select.size has odd legacy behaviour required for compat</cite>
( (<time>2011-05-08 04:17:00 +09:00</time> 版))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://html5.org/tools/web-apps-tracker?from=6118&amp;to=6119">http://html5.org/tools/web-apps-tracker?from=6118&amp;to=6119</anchor-external></p></section></body></html>