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

WordPress

2016.12.15

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

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>

リセットボタンをクリックすることで、テキストフォームやテキストエリアであれば入力された文字が消えます。

ラジオボタンであれば、デフォルトの選択肢に戻ります。