[WP]Contact Form 7のフォームにリセットボタンを設置する方法｜WordPressプラグイン｜WEBデザインの小ネタとTIPSのまとめサイト「ウェブアンテナ」

[WP]Contact Form 7のフォームにリセットボタンを設置する方法

スポンサード

WordPressのContact Form 7を使ったメールフォームで、フォームの入力・選択内容をリセットできるボタンを設置する方法のご紹介です。

WordPressの管理画面へログインして「お問い合わせ」>「コンタクトフォーム」へ進み、

対象のフォームのリンクをクリックして、

リセットボタンを置きたい場所に<input type="reset">のタグを挿入します。
具体的には以下のような記述になります。

<table>
<tr>
<td>[submit "送信"]</td>
<td><input type="reset"></td>
</tr>
</table>

<table>

<tr>

<td>[submit "送信"]</td>

</tr>

</table>

リセットボタンをクリックすることで、テキストフォームやテキストエリアであれば入力された文字が消えます。ラジオボタンであれば、デフォルトの選択肢に戻ります。

スポンサード