2013-04-21 10 views
25

私はこのイメージをボタンとして機能させるための単純な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> 

提出するというボタン自体のテキストは次のように必要とされていません私のイメージには必要なテキストがあります。

とにかくこれは可能ですか?もしそうなら、どのように?また

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

、既存submitボタンがその背景として、あなたのイメージを使用するためにCSSを使用することができます:)

答えて

47

それはあなたがimageボタンをしたいように聞こえます。いずれの場合においても

、あなたは、ページ上の別の<img />の要素を望んでいません。

12

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

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

ない形態のための最良の選択肢。 – Rishi

4

あなたはimage submit buttonを使用することができます。

<input type="image" id="saveform" src="logg.png " alt="Submit Form" /> 
関連する問題