submitのボタンを画像にする場合で複数ある場合のコーディング方法

いろいろなサイトで書かれているような以下の方法では、うまくいかない。
<input name="next" type="image" value="btn_torecrute"
src="../images/other/png/btn_torecrute.png" width="84" height="24" onclick="this.form.submit(); return false;"/>

firefoxでは、return falseをとらないとvalue値を受け取ることができない。
IEではvalue値そのものが返らない。

二つボタンがある場合は、ひとつは、リンクによるコーディング(a href=)を使用するコーディング、
もうひとつは、submitを使用するコーディングにする方法がある。



<a href="recruitment_ess.html"><img src="../images/other/png/btn_torecrute.png" width="84" height="24" alt="応募要項へ ボタン" /></a>
<input name="next" type="image" alt="確認画面へ ボタン" src="../images/other/png/btn_toconfirm.png" width="84" height="24" />
<input name="next" type="hidden" value="btn_toconfirm" />

スポンサーサイト

コメントの投稿

非公開コメント

プロフィール

e.swan

Author:e.swan
FC2ブログへようこそ!

最新記事
最新コメント
最新トラックバック
月別アーカイブ
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QR