web-dev-qa-db-ja.com

画像をボタンのように動作させる

ボタンとして機能するこの画像がある単純なHTMLページで作業しています。

これが私の画像のコードです：

<div style="position: absolute; left: 10px; top: 40px;"> 
    <img src="logg.png" width="114" height="38">
</div>

そして基本的に私はこの機能をそれに追加したいと思います：

<div>
    <input id="saveForm" name="saveForm" class="btTxt submit" type="submit" value="Submit"/>
</div>

私の画像には必要なテキストが含まれているため、ボタン自体の「送信」というテキストは必要ありません。

とにかく、これは可能ですか？もしそうなら、どのように？ :)

htmlimagebutton
26
Kevin

imageボタンが必要なようです：

<input type="image" src="logg.png" name="saveForm" class="btTxt submit" id="saveForm" />

または、CSSを使用して、既存のsubmitボタンで画像を背景として使用することもできます。

いずれの場合でも、do n't個別の<img />要素のページ。

50
VoteyDisciple

必要に応じて関数を含むJavaScriptブロックを実装できます。

<div style="position: absolute; left: 10px; top: 40px;"> 
    <img src="logg.png" width="114" height="38" onclick="DoSomething();" />
</div>
12
mburm

イメージ送信ボタン を使用できます。

<input type="image"  id="saveform" src="logg.png " alt="Submit Form" />
3
Mudassir Hasan