• RSS

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

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

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

Contact Form 7 でリセットボタンの設置

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


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


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


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



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください