メールフォームのボタンを画像にする方法

お問い合わせページで使用するメールフォームのボタンは一般的にinputタグを使います。ですが、ボタンのデザインにもこだわりたい場合もあります。そういった時の記述方法です。

送信ボタン・内容確認ボタン

入力内容の送信や確認ページへのボタンは通常通りinputタグのtypeをimageにすることで、ボタンを画像に変更できます。

戻るボタン

そして重要なのが入力内容が間違っていた時の戻るボタンです。戻るボタンはaタグとjavascriptの組み合わせで記述します。

inputタグのtype=”image”は送信専用。ページバックには使うことはできません。

いいね!のお慈悲を…

この記事が良かったらシェアをお願いしゃっす!

記事の感想はこちら