cfformgroup

<h3>Simple cfformgroup Example</h3> 
<cfform name=&quot;myform&quot; height=&quot;450&quot; width=&quot;500&quot; format=&quot;Flash&quot; > 
    <cfformgroup type=&quot;hdividedbox&quot; > 
        <cfformgroup type=&quot;VBox&quot;> 
            <cfformitem type=&quot;text&quot; height=&quot;20&quot;> 
                Pets: 
            </cfformitem> 
      <cfinput type=&quot;Radio&quot; name=&quot;pets&quot; label=&quot;Dogs&quot; value=&quot;Dogs&quot; checked> 
      <cfinput type=&quot;Radio&quot; name=&quot;pets&quot; label=&quot;Cats&quot; value=&quot;Cats&quot;> 
        </cfformgroup> 
  
        <cfformgroup type=&quot;VBox&quot;> 
            <cfformitem type=&quot;text&quot; height=&quot;20&quot;> 
                Fruits: 
            </cfformitem> 
            <cfinput type = &quot;Checkbox&quot; name=&quot;chk1&quot; Label=&quot;Apples&quot; value=&quot;Apples&quot;> 
            <cfinput type=&quot;Checkbox&quot; name=&quot;chk2&quot; Label=&quot;Bananas&quot; value=&quot;Bananas&quot;> 
           <cfinput type=&quot;Checkbox&quot; name=&quot;chk3&quot; Label=&quot;Pears&quot; value=&quot;Pears&quot;> 
        </cfformgroup> 
    </cfformgroup> 
</cfform>

<h2>cfformgroup Example</h2> 
<cfif IsDefined(&quot;form.oncethrough&quot;)> 
    <h3>The form submitted the following information to ColdFusion:</h3> 
    <cfdump var=&quot;#form#&quot;><br><br><br> 
</cfif> 
  
<h3>A Flash form using cfformgroup tags</h3> 
<cfform name=&quot;myform&quot; height=&quot;450&quot; width=&quot;500&quot; format=&quot;Flash&quot;> 
  
<!--- 次のフォームグループは、書式設定されたテキストを表示する方法を示しています。---> 
    <cfformitem type=&quot;html&quot;> 
        <b><font color=&quot;#FF0000&quot; size=&quot;+4&quot; face=&quot;serif&quot;> 
        This form has two tabs, asking for the following:</font></b><br> 
        <li>contact information</li> 
        <li><i>preferences</i></li> 
        <b>Try entering information on both tabs</b><br> 
        Submit the form and see what ColdFusion gets in the Forms scope.</b><br> 
        <a href=&quot;http://www..com/&quot; target=&quot;_blank&quot;> 
        <font color=&quot;#0000FF&quot;><u> 
        This link displays the home page in a new browser window 
        </u></font></a><br> 
        &nbsp;<br> 
    </cfformitem> 
  
<!--- ユーザー入力用に 2 つのタブを持つタブナビゲーターを使用します。---> 
    <cfformgroup type=&quot;tabnavigator&quot; height=&quot;220&quot;> 
   <cfformgroup type=&quot;page&quot; label=&quot;Contact Information&quot;> 
            <!--- 姓と名のフィールドを水平に整列します ---> 
        <cfformgroup type=&quot;horizontal&quot; label=&quot;Your Name&quot;> 
            <cfinput type=&quot;text&quot; required=&quot;Yes&quot; name=&quot;firstName&quot; label=&quot;First&quot;
                value=&quot;&quot; width=&quot;100&quot;/> 
            <cfinput type=&quot;text&quot; required=&quot;Yes&quot; name=&quot;lastName&quot; label=&quot;Last&quot;
                value=&quot;&quot; width=&quot;100&quot;/> 
            </cfformgroup> 
            <cfformitem type=&quot;html&quot;><textformat indent=&quot;95&quot;><font size=&quot;-2&quot;> 
                Flash fills the email field in automatically. 
                You can replace any of the text. 
                </font></textformat> 
            </cfformitem> 
            <!--- firstName フィールドと lastName フィールドに入力された内容を bind 属性で
取得します。---> 
        <cfinput type=&quot;text&quot; name=&quot;email&quot; label=&quot;email&quot;
                bind=&quot;{firstName.text}.{lastName.text}@mm.com&quot;> 
          
            <cfinput type=&quot;text&quot; name=&quot;phone&quot; validate=&quot;telephone&quot; required=&quot;Yes&quot;
            label=&quot;Phone Number&quot;> 
        </cfformgroup> 
  
   <cfformgroup type=&quot;page&quot; label=&quot;Preferences&quot;> 
            <cfformitem type=&quot;text&quot; height=&quot;30&quot;> 
                <b>Tell us your preferences</b> 
            </cfformitem> 
            <!--- フルーツセレクターの左側にペットセレクターを配置します。--> 
            <cfformgroup type=&quot;hbox&quot;> 
            <!--- ペットセレクターボックスの内容をグループ化し垂直方向に整列します。 ---> 
                <cfformgroup type=&quot;vbox&quot;> 
                    <cfformitem type=&quot;text&quot; height=&quot;20&quot;> 
                        Pets: 
                    </cfformitem> 
                    <cfformgroup type=&quot;vertical&quot;> 
               <cfinput type=&quot;Radio&quot; name=&quot;pets&quot; label=&quot;Dogs&quot; value=&quot;Dogs&quot;
                            checked> 
               <cfinput type=&quot;Radio&quot; name=&quot;pets&quot; label=&quot;Cats&quot; value=&quot;Cats&quot;> 
                    </cfformgroup> 
                </cfformgroup> 
            <!--- フルーツセレクターボックスの内容をグループ化し垂直方向に整列します。---> 
                <cfformgroup type=&quot;vbox&quot;> 
                    <cfformitem type=&quot;text&quot; height=&quot;20&quot;> 
                        Fruits: 
                    </cfformitem> 
            <cfformgroup type=&quot;tile&quot; width=&quot;200&quot; label=&quot;Tile box&quot;> 
                    <--- Flash ではすべてのコントロールに一意の名前が必要です ---> 
                        <cfinput type = &quot;Checkbox&quot; name=&quot;chk1&quot; Label=&quot;Apples&quot;
                            value=&quot;Apples&quot;> 
                        <cfinput type=&quot;Checkbox&quot; name=&quot;chk2&quot; Label=&quot;Bananas&quot;
                            value=&quot;Bananas&quot;> 
                        <cfinput type=&quot;Checkbox&quot; name=&quot;chk3&quot; Label=&quot;Pears&quot;
                            value=&quot;Pears&quot;> 
                        <cfinput type=&quot;Checkbox&quot; name=&quot;chk4&quot; Label=&quot;Oranges&quot;
                            value=&quot;Oranges&quot;> 
                        <cfinput type=&quot;Checkbox&quot; name=&quot;chk5&quot; Label=&quot;Grapes&quot;
                            value=&quot;Grapes&quot;> 
                        <cfinput type=&quot;Checkbox&quot; name=&quot;chk6&quot; Label=&quot;Cumquats&quot;
                            value=&quot;Cumquats&quot;> 
                    </cfformgroup> 
                </cfformgroup> 
            </cfformgroup> 
        </cfformgroup> 
    </cfformgroup> 
  
    <cfformgroup type=&quot;horizontal&quot;> 
        <cfinput type = &quot;submit&quot; name=&quot;submit&quot; width=&quot;100&quot; value = &quot;Show Results&quot;> 
        <cfinput type = &quot;reset&quot; name=&quot;reset&quot; width=&quot;100&quot; value = &quot;Reset Fields&quot;> 
        <cfinput type = &quot;hidden&quot; name=&quot;oncethrough&quot; value = &quot;Yes&quot;> 
    </cfformgroup> 
</cfform>