テーブルフォーム

TABLEFORM02

1.0.0

1.2.0～

フォームを含むテーブルに対し、セル要素（TH・TD）を定義リスト項目要素（DT・DD）に置換して出力します。

TABLEFORM01とは以下の点が異なります。

• ► 出力HTMLの外枠にDIV要素が配置されます。
• ► 画像サブミットボタンをテキストサブミットボタンに変更します。
• ► script要素およびそのテキストノードを取り込みます。

テーブルセル（THまたはTD要素）とフォーム関連要素（FORM、INPUT、SELECT、OPTION、OPTGROUP、TEXTAREA、KEYGEN、DATALIST）を含む領域を選択します。

画像ボタンのテキスト化

画像ボタンをサブミットボタンに変更するかどうかを指定します。

• ► ON：変更する
• ► OFF：変更しない

定義リストスタイル

定義リスト（DL/DT/DD要素）のレイアウトでフォームを出力します。

削除属性定義

(gcp=”item:start. removeAttrs”のvalue属性）

フォーム関連要素について、ここに定義された属性をHTMLから削除します。

ビュー編集タブ上でこの定義内容を編集し、削除対象を変更できます。

なし

. gcpTableForm02（クラスセレクタ）

なし

なし

           <div class="samples">
             <div class="formspace">
              <p class="search">誰かにプレゼントしたい花、自分の欲しい花を検索！</p>
			  <form action="" method="get">
                <p>用途</p>
                  <select>
                      <option>誕生日</option>
                      <option>記念日</option>
                      <option>母の日</option>
                      <option>バレンタイン</option>
                      <option>ホワイトデー</option>
                    </select>
                    <p>スタイル</p>
                    <select>
                      <option>アレンジメント</option>
                      <option>ギフト</option>
                      <option>花鉢</option>
                      <option>花束</option>
                      <option>切り花</option>
                    </select>
					<p><input width="147" type="image" height="31" value="検索する" 
name="BtnTypePresent" alt="検索する" src="img/btn_fsearch04.gif"></p>
                </form>
             </div>								
            </div>               
        

            <div class="gcpTableForm02">
              <span class="text">誰かにプレゼントしたい花、自分の欲しい花を検索！</span>
              <form action="" method="get">
                <dl class="list">
                  <dd class="field">
                    <span class="text">用途</span>
                  </dd>
                  <select>
                    <option>誕生日</option>
                    <option>記念日</option>
                    <option>母の日</option>
                    <option>バレンタイン</option>
                    <option>ホワイトデー</option>
                  </select>
                  <dd class="field">
                    <span class="text">スタイル</span>
                  </dd>
                  <select>
                    <option>アレンジメント</option>
                    <option>ギフト</option>
                    <option>花鉢</option>
                    <option>花束</option>
                    <option>切り花</option>
                  </select>
                  <dd class="field">
                    <input alt="検索する" height="31" name="BtnTypePresent" 
src="img/btn_fsearch04.gif" type="submit" value="検索する" width="147">
                  </dd>
                </dl>
              </form>
            </div>