-1

ボタンの画像を次のように使用しようとしています：

<button name="foo" type="button" value="bar" onclick="AjaxResponse()" > <img src="img.png"> </button>

また

 <button name="foo" type="button" value="bar" onclick="AjaxResponse()" img src="img.png" />

どちらも画像付きのボタンを表示しません。クリックすると正しい操作を実行する小さなアイコンが表示されるだけです。しかし、なぜ画像が見えなかったのでしょうか。

4

5 に答える 5

3

<img>タグを使用して追加onClickするだけです。

<img src="img.png" onclick="AjaxResponse()" />

さらに、画像の寸法に応じて幅と高さを設定できます。

<img src="img.png" onclick="AjaxResponse()" width="100" height="100" />

ただし、CSSbackground-imageプロパティがおそらく最適なソリューションです。widthそこで調整することもできますheight。

于 2013-08-13T06:18:25.867 に答える
2

widthと をheight正しく指定してください。

<img src="something" width=200 height=200>

それ以外の場合は、div タグを使用して、CSS を使用してカスタム ボタンを作成します。

これを読んで、いくつかのアイデアを得ることができますここをクリック

于 2013-08-13T06:19:58.923 に答える
1 
<input type="image" src="FILEPATH" onclick="AjaxResponse()" name="foo" id="button" value="bar">
于 2013-08-13T06:19:34.307 に答える
1

css を使用したくない場合は、次のように入力を使用できます。

input type="image" src="img.png" name="foo" type="button" alt="bar" onclick="AjaxResponse()"
于 2013-08-13T06:19:59.460 に答える
1

PHP は必要ありません。これは HTML 部分にあり、CSS なしでこれを行うことはできません。または、以下を使用できます。

<input type="image" ...

詳細については、次のリンクを参照してください:入力タイプ

またはCSSを見てください：背景

于 2013-08-13T06:15:33.077 に答える