• 締切済み

メールフォームの送信ボタンをアイコンにする方法

お世話になります。 ホームページビルダー11で作成している、HTML初心者です。 メールフォームを作成するために色々調べてやってみたのですが、 送信ボタンを<input type="submit">のデフォルト表示ではなく、 アイコンを使用したいのですが、なかなかできません・・・。; 他に、 <BUTTON type="submit"> <IMG src="***.jpg" alt="送 信"> </BUTTON> としたらデフォルトボタンの上にアイコンが乗っかるような表示に なってしまいました。;; あと、"submit"のほかに"reset"も作成したいです。 アイコンを使用して送信ボタン、リセットボタンを作るには、 どうしたらよいでしょうか? お手数ですが、ご教示お願いいたします。<(_ _)>

  • HTML
  • 回答数2
  • ありがとう数3

みんなの回答

  • cherrymoon
  • ベストアンサー率23% (739/3104)
回答No.2

<BUTTON type="submit"> <IMG src="***.jpg" alt="送 信"> </BUTTON> ではなく <INPUT type="image" name="submit" src="***.jpg"> だと思うのですが。 こういうことを解説しているHPも結構あるので、そちらで確認してみるといいと思います。

dendekoden
質問者

お礼

ご回答ありがとうございます。 うーん…それはもう試しました。 あと、もうすでにいろいろ調べてはいるので。 それでわからなかったので、ここで質問しているわけです。

  • auty
  • ベストアンサー率58% (284/486)
回答No.1

次を試してみてください。 <BUTTON type="submit" style="background-color:transparent;border:none"> <IMG src="a1.gif" alt="送 信"><strong>送 信</strong> </BUTTON> <br/> <BUTTON type="reset" style="background-color:transparent;border:none"> <IMG src="a2.gif" alt="リセット" title="リセット"><strong>リセット</strong> </BUTTON>

dendekoden
質問者

お礼

ご回答ありがとうございます。 とりあえずできました! プレビューでボタンクリックの際に、なにやらバックに点線が 見えますが、今のところはこれで先に進みたいと思います。

関連するQ&A

  • メールフォームでメール送信→受信できないです。;;

    お世話になります。 ビルダー11でメールフォームを作成しています。 CGIがどうしてもできなくて、断念してACTION="mailto:~"を 使用してメール送信しようとしてします。 とあるJavaScriptサイトさんを参考にさせて頂き、FORMは、 <FORM NAME="form1" ACTION="mailto:メールアドレス" METHOD="post" ENCTYPE="test/plain" onSubmit="return check()"> としています。 (check()はメール内容チェック関数です。) いざ、プレビュー画面で送信を押したところ、以下のような ダイアログが出ました。 ---------------------------------------------------------------- Microsoft Office Outlook ---------------------------------------------------------------- プログラムによって電子メールメッセージが送信されようとして います。これが予期しない動作である場合あ[拒否]をクリックして、 ウイルス対策ソフトウェアが最新の状態であることを確認してくださ い。電子メールの安全性に関する詳細と、この警告が発生するような 状態を防止する方法については、[ヘルプ]をクリックしてください。 ---------------------------------------------------------------- [許可] [拒否] [ヘルプ] ---------------------------------------------------------------- 【質問】 (1)これは、デフォルトだと、Outlookで送ろうとしているのでしょう か?Outlook Express(Windowsメール)を使用したいのですが、 どうすればよいでしょうか? (2)[許可]ボタンを押しましたが、メールが届きませんでした。 メルアドは間違っていません。なぜでしょうか・・・。TT 参考サイトさんと違う部分は、ボタン部分ぐらいです。 参考サイトさん: <INPUT TYPE="submit" VALUE="送信"> 自分: (ボタン画像を表示させたいので、以下のようになってます。) <BUTTON type="submit" "backgroundcolor:transparent;border:none"> <IMG src="ボタン名.jpg" alt="送 信" style="cursor : pointer;"> </BUTTON> 以上です。 よろしくお願いします。<(_ _)>

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

    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
  • ”送信ボタン” ”クリアボタン” について

    困ってます。 ”送信 クリアボタン” <input type="submit" value="送信" name="B1"><input type="reset" value="リセット" name="B2"> これを2つの画像にした場合、送信アイコン、クリアアイコンにはどう記述すればOKでしょうか? 困ってま~~~~す。

    • ベストアンサー
    • CGI
  • フォームのボタンを画像にする方法?

    フォームのクリアや送信ボタンを画像に置き換えたいのですがどうすれば良いのでしょうか? これを画像ボタンにしたいのですが... <input type="reset" value="クリア"> <input type="submit" value="送信" > お手数ですがお知らせ下さい。

  • フォームをリセットボタンのボタンの周りの余白を消したい!

    <BUTTON type="reset" style="border-style : none; background-color: #FFFFFF;"> <IMG src="image.gif" value="リセット"></BUTTON> ※リセットボタンを画像にして背景を白、ボーダをなしにして画像のみ表示したボタンにした。 上記に記述した内容でフォームのリセットボタンを作ったのですが 画像の周りに変な余白が出るのですがその余白を消す方法ってなにかありますか? わかる方いましたら、教えてください。

    • ベストアンサー
    • HTML
  • メーラーを使ったメール送信フォームで・・・

    こんにちは。 sendmailが使えないので、以下のように メーラーを使用してメール送信するフォームを設置しています。 <FORM method="POST" action="mailto:xxx@xxx.ne.jp?subject=【メール送信】" enctype="text/plain">  :  : <INPUT type="submit" value="送信" name="submit"> <INPUT type="reset" value="リセット" name="reset"> 送信ボタンを押しても画面がそのままなので、 送信後はトップページへ戻るよう案内をしています。 これを、送信ボタンを押した後に「ご利用ありがとうございました」などといった 別のページへジャンプするように設定する事は可能でしょうか? 不可能なら今のままでいこうと思っていますが、 もし方法があれば変更したいと思っています。 ご存知の方がいましたらご教授ください。 よろしくお願いします。

  • submitボタンのアラートを閉じても送信されてしまう

    初歩的な質問で恐縮です。 PHPでメールフォームを作っています。 submitを押した時に「送信してよろしいですか?」というアラートを出しているのですが、このアラートを閉じても(右上の「×」を押しても)送信されてしまいます。 ユーザーがやっぱり送信をやめたくても、submitを押してしまったら回避できないという状況です。 運用が迫っているため急ぎですが、ご教授いただけないでしょうか。 ボタンのソースはこちらです。 なお、<form>にonSubmitで記述した場合も同じでした。 <input type="submit" onClick="javascript:alert('こちらの内容で送信します。よろしいですか?')" value=" 送 信 "> ちなみに、内容チェックは送信されてから行っていますので、ここでは単純にアラートを出すだけです。 よろしくお願いします。

    • ベストアンサー
    • PHP
  • 送信ボタンができない?

    こんにちは。Macに付属の「SimpleText」で、HTMLを記述してホームページを作成しようとしています。 <form>タグ内で、   <input type=submit alt=送信>   <input type=reset alt=リセット> としましたが、送信ボタンやリセットボタンができません。(IEで見ても、ボタン自体が現れません。) <form action="mailto:(メールアドレス)"> としているのですが、これがまずいのでしょうか? (CGIを使用しないといけないのでしょうか?) なお、OSは9で、OS8からのアップグレードです。(初代iMac使用) ご存知の方、ぜひご意見をお願いいたします!

    • 締切済み
    • Mac
  • メールフォームでの送信確認から修正ボタンで戻る方法

    現在、メールフォームを作っています。 とりあえず完成し、動作は全く問題ありません。 ただ、「送信ボタン」と確認画面からの「修正する」ボタンを画像にしています。 「修正する」ボタンを画像にするとなぜか送信が完了してしまいます。 下記は「修正する」ボタンのソースです。 <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にすると前の入力画面に戻ります。 原因がわからないので詳しい方、ご教授をお願いいたします。

  • メールフォームの送信ボタンが表示されないのはなぜ?

    ホームページにHTML、JAVA SCRIPTでメールフォームを設置しています。 このフォームを使おうとした人から"送信"ボタンが表示されませんと質問が来ました。ですが、私のPC環境で見てもそのような現象は確認できず、他の人も正常に表示されているようです。(メールフォームを使ったメールが届くので) 送信ボタンはフォームの一番下に以下のように記述しています。 <input type="button" onClick="javascript:_Submit()" value="送信"> メールフォームはベースとなるページから、新しくウィンドウが開くなるようにしてあり、scrollbarsは出るようにしてあります。 使う人のブラウザに影響されてしまうのでしょうか?

    • ベストアンサー
    • HTML

専門家に質問してみよう