• ベストアンサー

フォームのボタンをsubmitから画像にしたけど表示されない

submitから独自の画像ボタンにしようとして 下記のように記述しましたがブラウザで 確認したら表示されませんでした。 <INPUT TYPE="image" src="***.gif" VALUE="submit" alt="検索" border="0"> 他に何か記述が必要なのでしょうか？ よろしくお願い致します。

  • HTML
  • 回答数4
  • ありがとう数9

質問者が選んだベストアンサー

  • ベストアンサー
  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.2

特に間違いは無いような感じですが ダメなら <button type="submit" value="submit"> <img src="***.gif" alt="検索" border="0"> </button> を使ってみてはどうでしょう

lijian
質問者

お礼

ご回答ありがとうございます。 button typeの記述も試しましたが やはり表示されませんでした・・

その他の回答 (3)

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.4

>button typeの記述も試しましたが >やはり表示されませんでした・・ <img src="***.gif" alt="検索" border="0"> だけなら表示されますか？

  • akanekor
  • ベストアンサー率52% (102/194)
回答No.3

<html> <HEAD> <SCRIPT TYPE="text/javascript"> function OnBtnSubmit(){ // ボタンを押されたイメージに変更 image1.src = "menu01.jpg"; //SUBMIT document.F1.submit(); } </SCRIPT> </HEAD> <body> <form ID='F1'> <div>名前：<input type="text" name="NAME"></div> <div>住所：<input type="text" name="ADDR"></div> <image ID='image1' src= "menu02.jpg" onclick='OnBtnSubmit();'> </form> </body> </html> javascriptだと、こんな感じ（無テスト）

回答No.1

src="***.gif"ではなく img src="***.gif"ではないかと・・・ これでやってみてください。

lijian
質問者

お礼

ご回答ありがとうございます。 img src="***.gif"で記述してみましたが やはり表示されませんでした・・

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • 「送信」「クリア」ボタンを画像で表示したい

    formタグを使ったお問合せフォームを作っているのですが、「送信する」ボタンと「クリアする」ボタンを画像で表示させる方法を教えてください。現在 <INPUT name="submit" TYPE="image" id="submit" SRC="xxx.jpg" alt="送信する" WIDTH="110" HEIGHT="25" BORDER="0"> <INPUT name="reset" TYPE="image" id="reset" src="xxx.jpg" alt="クリア" width="75" height="25" border="0"> というように記述しているのですが、クリアボタンを押しても「送信」されてしまいます。 type="image"は送信だけでしょうか、他にありましたら教えてくださいm(_ _)m

    • ベストアンサー
    • HTML
  • 「カートに入れる」ボタンを画像にしたい

    Pwebcart というフリーのスクリプトでショッピングカートを設置しています。 「カートに入れる」というボタンを画像に差し替えたいのですが、どのように記述したら良いのか教えてください。 "<input type=\"submit\" value=\"カートに入れる\">"; これを以下のように試しましたが失敗。(--;; ↓ "<input type=\"image\" src="images/xxx.gif" border="0">" 失敗例がお恥ずかしい限りですが、お分かりになる方、よろしければご教授ください。

    • ベストアンサー
    • PHP
  • name属性のあるフォームボタンを画像化について

    name属性のあるフォームボタンを画像化について どのように質問したらよいのか分からず、説明が足りないようでしたらばご了承ください。 以下のフォームボタンがあるのですが、これらを画像にしたいと思っています。 <input type="submit" value="送信" /> <input type="submit" name="retry" value="訂正" /> 送信ボタンは以下のように画像にしました。 <input type="image" src="./img/send.gif" value="送信"> しかし訂正ボタンを同じようにしたところ、訂正ボタンを押しても送信ボタンと同じアクションになってしまいます。 <input type="image" src="./img/retry.gif" name="retry" value="訂正"> デフォルトの訂正ボタンにはname="retry"と書いてあるのですが、 このようなボタンを画像にする場合、どのようにすればよろしのでしょうか？ アドバイスよろしくお願いします。

    • ベストアンサー
    • HTML
  • 携帯向けページのフォームでsubmitボタンを画像にすることはできますか

    よろしくお願いします。 <input type="image" src="img.gif"> とすると、type="text" と解釈されてしまいます。 携帯では、submitボタンを画像にすることはできないのでしょうか。 ご存知の方、おみえでしたらご教示ください。

  • ボタンに画像を使えません

    お世話になります。 セレクトボックスでリンクする（ボタン付き） http://www.tagindex.com/javascript/link/select2.html 上記のサイトの「input type="button"」のボタンでリンクすることはできたのですが、 <input type="image" onClick="jump()" src="画像.gif" alt="" width="201" height="46" border="0" onmouseover="this.src='画像_on.gif'" onmouseout="this.src='画像.gif'"> ↑のようにtypeをimageにして画像をボタンに使おうとしますと、 「?select=&x=92&y=33」とURLの末尾に追加されるだけでリンクができません。 上記サイトのjavascriptを「input type="image"」のボタンで使用するには どのようにすればよろしいでしょうか。 よろしくお願いいたします。

  • input の画像について

    <input name="return" type="submit" value="　戻る　"> というボタンを画像にしたい場合、 <input type="image" src="img/modorubtn.gif" name="return" alt="戻る"> で良いのでしょうか？ これで、動作しない場合は、どのような原因が考えられるでしょうか？ よろしくお願いします。

    • ベストアンサー
    • HTML
  • フォームのボタンをSUBMITから画像にしたいのですが…

    フォームを使って値を渡すのに <INPUT TYPE=SUBMIT NAME=WORD VALUE='*****'> とボタンを作成し、VALUEの値 （中身を確認、とか送信実行とか） で動作を分岐し、実行していました。 このボタンを画像にしたいのですが、 値を渡すのはGETじゃないと無理でしょうか？ （今まではPOSTで送信） ボタンを画像にするとなると <A HREF='**.cgi'><IMG SRC='**'></A> となるので、 <A HREF='**.cgi?key=****'><IMG SRC='**'></A> のように、する必要があるのかなぁ？と思いまして… せっかくPOSTで受け取るようにCGIを作成したので、 できればPOSTのままで使用できればと思うのですが。 （無理ならGETに変更するしかないですけど） VALUEの値はボタンでは送信できないので、 <INPUT TYPE=HIDDEN NAME=WORD VALUE='****'> として渡そうと思ってます。 他に何かよい方法あるでしょうか？ ※Perl使用です。

    • ベストアンサー
    • Perl
  • 2つのsubmitボタンがあるときに

    最初に書いたボタンが優先され 単にリターンキーを押したときに 最初のsubmitボタンが反応します。 後のsubmitボタンが反応するようにするにはどうしたらいいのでしょうか？ つまり下記のＰＨＰをブラウザに表示させているときにリターンキーを押したときには submit2 is pushed. と表示させるにはどうしたらいいのでしょうか？ <form method="post" action="<?=$PHP_SELF?>"> <input type="text"/><br/> <input type="checkbox"/><br/> <input type="radio" name="radio"/><br/> <input type="submit" name="submit" value="submit1" tabindex=-1/><br/> <input type="submit" name="submit" value="submit2" tabindex=1/><br/> </form> <?php if(isset($_POST['submit'])) { echo$_POST['submit'].' is pushed.'; } ?>

    • ベストアンサー
    • PHP
  • submitボタンの表示が変

    submitボタンのvalue内で改行すると、safariでは表示が変になってしまいます（ボタンの上下に文字列がはみ出してしまいます）。 ボタンを画像にしてしまう以外に、何か解決策はありますでしょうか？ 例： <input name="submit" type="submit" value="検索する Search" />

    • ベストアンサー
    • HTML
  • メールフォームでの送信確認から修正ボタンで戻る方法

    現在、メールフォームを作っています。 とりあえず完成し、動作は全く問題ありません。 ただ、「送信ボタン」と確認画面からの「修正する」ボタンを画像にしています。 「修正する」ボタンを画像にするとなぜか送信が完了してしまいます。 下記は「修正する」ボタンのソースです。 <input type="image" name="check0" value="修正する" src="images/form_btn_back.jpg" width="100" height="35" alt="修正する"> 念のため「送信ボタン」のソースも書いておきます。 <input name="submit" type="image" value="この内容で送信する" src="images/form_btn_send.jpg" alt="この内容で送信する"> 「修正する」ボタンのtypeをsubmitにすると前の入力画面に戻ります。 原因がわからないので詳しい方、ご教授をお願いいたします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する