<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><section><h1>反復ブロック (HTML)</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="1" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[1]</anchor-end>
<code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">repeat</anchor></code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">属性値</anchor>が<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">整数</anchor>である<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">要素</anchor>を、
<dfn><ruby>反復<rt>はんぷく</rt><rt xml:lang="en">repetition</rt></ruby><rubyb xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ブロック<rt xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">block</rt></rubyb></dfn>といいます。
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:" xml:lang="en">WF2 3.2.2</src></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="2" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[2]</anchor-end> 仕様書:<ul><li><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Web Forms 2.0</anchor><ul><li><csection xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:" xml:lang="en">3.2.2. Repetition blocks</csection>
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="WF2:&quot;#repetition0&quot;" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="IW">IW:WF2:&quot;#repetition0&quot;</anchor-external></li><li><anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://www.whatwg.org/specs/web-forms/current-work/#repetition1" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI">http://www.whatwg.org/specs/web-forms/current-work/#repetition1</anchor-external></li></ul></li></ul></p><section><h1>構文</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="3" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[3]</anchor-end> <strong><code class="HTMLa" xml:lang="en">repeat</code> 属性</strong></p><p><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">反復ブロック</anchor>の <code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">repeat</anchor></code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">属性値</anchor>は、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">整数</anchor>です。すなわち、
省略可能な <code class="char"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">-</anchor></code>
の後に1つ以上の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">十進数</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">数字</anchor>が続く<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">文字列</anchor>です。
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:" xml:lang="en">WF2 3.2.2</src></p><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> <strong><code class="HTMLa" xml:lang="en">repeat-template</code> 属性</strong></p><p><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">反復ブロック</anchor>は、 <code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">repeat-template</anchor></code>
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">属性</anchor>を使って、関連付ける<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">反復雛形</anchor>を指定<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><strong xmlns="http://www.w3.org/1999/xhtml">して構いません</strong></anchor>。
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:" xml:lang="en">WF2 3.2.2</src></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="5" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[5]</anchor-end> <strong>反復雛形</strong></p><ul><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="6" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[6]</anchor-end>
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">反復ブロック</anchor>に <code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">repeat-template</anchor></code>
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">属性</anchor>があり、その<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">属性値</anchor>と等しい<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">識別子</anchor>を持つ<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">要素</anchor>がある場合、<ul><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="7" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[7]</anchor-end>
その<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">要素</anchor>が<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">反復雛形</anchor>なら、それが、
その<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">反復ブロック</anchor>が<rubyb xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">関連付けられる<rt xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">associated</rt></rubyb><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">反復雛形</anchor>です。
なお、同じ<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">識別子</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">要素</anchor>がある場合の動作は、
<code class="DOMm" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">getElementById</anchor></code> と同じと<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><strong xmlns="http://www.w3.org/1999/xhtml">するべきです</strong></anchor>。
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:" xml:lang="en">WF2 3.2.2</src></li><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="8" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[8]</anchor-end>
その<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">要素</anchor>が<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">反復雛形</anchor>でなければ、
その<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">反復ブロック</anchor>はどの<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">反復雛形</anchor>とも関連付けられません。
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:" xml:lang="en">WF2 3.2.2</src></li></ul></li><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="9" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[9]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">反復ブロック</anchor>に <code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">repeat-template</anchor></code>
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">属性</anchor>がない場合は、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">反復雛形</anchor>である最初の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">弟</anchor>があるなら、それと関連付けられます。
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:" xml:lang="en">WF2 3.2.2</src></li></ul><comment-p xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">
一般に<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">反復雛形</anchor>は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">反復ブロック</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">弟</anchor>である必要はありませんが、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">反復雛形</anchor>の <code xmlns="http://www.w3.org/1999/xhtml" class="DOMa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">repetitionBlocks</anchor></code>
には現れないことになります。
<src xml:lang="en">WF2 3.2.2</src></comment-p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="10" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[10]</anchor-end> <strong>孤児反復ブロック</strong></p><p>関連付けられた<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">反復雛形</anchor>のない<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">反復ブロック</anchor>を、
<dfn><ruby>孤児<rt>こじ</rt><rt xml:lang="en">orphan</rt></ruby><ruby>反復<rt>はんぷく</rt><rt xml:lang="en">repetition</rt></ruby><rubyb xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ブロック<rt xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">block</rt></rubyb></dfn>といいます。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">孤児反復ブロック</anchor>は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">削除</anchor>されたり<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">移動</anchor>されたりすることはありますが、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">追加</anchor>の影響は受けません。
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:" xml:lang="en">WF2 3.2.2</src></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="11" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[11]</anchor-end> <strong>索引</strong></p><p><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">反復ブロック</anchor>は<dfn><ruby><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">索引</anchor><rt>さくいん</rt><rt xml:lang="en">index</rt></ruby></dfn>を持ちます。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">索引</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">初期値</anchor>は、
<code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">repeat</anchor></code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">属性値</anchor>です。
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:" xml:lang="en">WF2 3.2.2</src></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="13" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[13]</anchor-end>
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">反復ブロック</anchor>は、 <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Web Forms 2.0</anchor>
で <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML</anchor> に導入されました。</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="12" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[12]</anchor-end><pre class="HTML example code">&lt;div&gt;
 &lt;div repeat=&quot;0&quot;/&gt; &lt;!-- A simple repetition block, index 0. --&gt;
 &lt;div repeat=&quot;-5&quot;/&gt; &lt;!-- Another, index -5 --&gt;
 &lt;div repeat=&quot;2&quot;/&gt; &lt;!-- A simple repetition block, index 2. --&gt;
 &lt;div repeat=&quot;nothing&quot;/&gt; &lt;!-- Just a normal element. --&gt;
 &lt;div repeat=&quot; 3&quot;/&gt; &lt;!-- Another normal element (leading whitespace). --&gt;
 &lt;div repeat=&quot;template&quot;/&gt; &lt;!-- The template for the last few elements. --&gt;
 &lt;div repeat=&quot;1&quot;/&gt; &lt;!-- Orphan repetition block, index 1. --&gt;
&lt;/div&gt;
&lt;div repeat=&quot;0&quot;/&gt; &lt;!-- Orphan repetition block, index 0. --&gt;</pre></p><p><src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:" xml:lang="en">WF2 3.2.2</src></p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>メモ</h1><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section></section><section><h1>メモ</h1></section></body></html>