confirm plus contact form 7のヒント table内のラジオボタンを確認画面で表示する

confirm plus contact form 7のヒント table内のラジオボタンを確認画面で表示する

 

ラジオボタンの確認画面の出力方法は下記

チェックボックス/ラジオボタン/セレクトボックスを設置している場合

<fieldset>
<legend>チェックボックス</legend>
[checkbox checkbox-995 use_label_element "チェック1" "チェック2" "チェック3"]
</fieldset>

<fieldset>
<legend>ラジオボタン</legend>
[radio radio-226 use_label_element default:1 "ラジオ1" "ラジオ2" "ラジオ3"]
</fieldset>

<fieldset>
<legend><label for="selectbox">セレクトボックス</label></legend>
[select menu-69 id:selectbox include_blank "セレクト1" "セレクト2" "セレクト3"]
</fieldset>

ただしテーブルなどの

要素が入り込むと出力されないようです。そのため

<legend>ラジオボタン</legend>

を透明にして、非表示にする

legend {
opacity: 0;
position: absolute;
}

↓サンプル

<tr>
<td style="width: 50%;"><label for="your-message">タイトル</label></td>
<td style="width: 50%;"><span class="wpcf7-form-control-wrap your-message">
<fieldset>
<legend class="">タイトル(こちらは確認画面出力用)</legend>
[radio radio-683 use_label_element default:1 "@@@@@@" "@@@@@@@@@@@" "@@@@@" "@@@"]
</fieldset>
</span>
</td>
</tr>