リセットボタン用のショートコードは用意されていませんので、直接 <input type="reset"> を記述することになるかと思います。
MW WP Form で生成されるフォームは入力画面、確認画面、完了画面でそれぞれ別のクラスがふられますので、入力画面以外では CSS で display: none して表示されないようにすれば良いと思います。
セレクトボックス用のショートコードには size は用意されていないので、こちらも CSS で幅を調整する感じになりますね。
Takashi Kitajima 様
ご教授頂きありがとうございます。
セレクトボックスに関しては上手くいったのですが、
「MW WP Form で生成されるフォームは入力画面、確認画面、完了画面でそれぞれ別のクラスがふられますので、入力画面以外では CSS で display: none して表示されないようにすれば良いと思います。」
はちょっとこんな感じなのかどうなのかわからないので
(実際やってみて上手にはいかなかったのですが・・)
①まずcssに
/* 入力画面 */
.mw_wp_form_input {
}
/* 確認画面 */
.mw_wp_form_confirm {
display: none;
}
と記入して
②お問い合わせフォーム作っている箇所で
<input class="mw_wp_form_input mw_wp_form_confirm " type="reset" value="全てをクリア">
な感じで設定したら良いのでしょうか？
まだ、経験が浅く、変なことを書いているのかもしれませんが、すみません・・
書き方がわかりにくかったですね、すみません。
リセットボタンは入力画面でのみ表示が必要なので、確認画面では表示されないように、という意味でした。下記のような感じで良いかと思います。
◎リセットボタン
<input class="reset-button" type="reset" value="全てをクリア" />
◎CSS
.mw_wp_form_confirm .reset-button {
display: none;
}
Takashi Kitajima さん
ありがとうございます。
組み込んでみて
思い通りにできたので本当にうれしかったです。
また、わからないことが沢山出てくるとは思うので宜しくお願い致します。
