お世話になります。
ホームページビルダー11で作成している、HTML初心者です。
メールフォームを作成するために色々調べてやってみたのですが、
送信ボタンを<input type="submit">のデフォルト表示ではなく、
アイコンを使用したいのですが、なかなかできません・・・。;
他に、
<BUTTON type="submit">
<IMG src="***.jpg" alt="送 信">
</BUTTON>
としたらデフォルトボタンの上にアイコンが乗っかるような表示に
なってしまいました。;;
あと、"submit"のほかに"reset"も作成したいです。
アイコンを使用して送信ボタン、リセットボタンを作るには、
どうしたらよいでしょうか?
お手数ですが、ご教示お願いいたします。<(_ _)>
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>
ご回答ありがとうございます。
とりあえずできました!
プレビューでボタンクリックの際に、なにやらバックに点線が
見えますが、今のところはこれで先に進みたいと思います。
No.2
- 回答日時:
<BUTTON type="submit">
<IMG src="***.jpg" alt="送 信">
</BUTTON>
ではなく
<INPUT type="image" name="submit" src="***.jpg">
だと思うのですが。
こういうことを解説しているHPも結構あるので、そちらで確認してみるといいと思います。
ご回答ありがとうございます。
うーん…それはもう試しました。
あと、もうすでにいろいろ調べてはいるので。
それでわからなかったので、ここで質問しているわけです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- その他(データベース) Accessフォームからパラメーターで表示したレコードを指定のExcelのセルへ転送する方法について 2 2022/08/22 18:04
- JavaScript javascriptで入力フォームが空欄の時にアラートによるエラーを出すコードを書いています。 2 2023/06/13 17:58
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
VBAでWebページのボタン操作が...
-
ハイパーリンクをインプットボ...
-
Dreamweaver4でのクローズボタン
-
ボタンのなかに表示する文字を...
-
プルダウンと実行ボタンの色を...
-
Q&Aフォームを作成したいのです...
-
チャレンジタッチの画面にスマ...
-
エクセルVBAで画面の大きさを取...
-
画面遷移が不正ですと表示されます
-
数字のみ入力可
-
【ASP.NET】ページ遷移してもGr...
-
Accessの画面更新を一時的に停...
-
ASP.NET 電卓計算
-
別ブラウザにセッションを渡す...
-
【ASP.NET】フォームの継承は出...
-
Acrobatのツールボタンの消し方
-
ASP.NetのGridViewで任意の行ク...
-
VB.netでボリュームレベルメー...
-
【ASP.NET】マスターページに配...
-
同じソリューション内の別のプ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLボタンの文字色を変え...
-
submitボタンにvalue属性の値で...
-
checkboxとlabelがずれる
-
リンクでPOSTデータを送信する...
-
getParameterで値が取得できず...
-
SUBMITボタンを表示させないでS...
-
<FORM> </FORM> の中に さらに...
-
ボタンのなかに表示する文字を...
-
formでのtarget="_blank"2回目
-
INPUTのボタン周囲のスペース
-
戻ると、記入フォームの内容が...
-
チェックボックスの値をコピー
-
ボタンをクリックした時に、入...
-
HTMLのKEYとVALUE...
-
HTML ラジオボタン nameの大文...
-
HTMLでのid とnameの違い
-
formの送信ボタンをテキストに...
-
<form>中の<button>タグのv...
-
グーグルマップの文字化けで困...
-
input button の文字の色を2色...
おすすめ情報