带图像的输入类型按钮

Question

I want an event to be triggered when the image is clicked, but I cannot figure out how to make that happen. Is it possible for an event to be triggered when an image is clicked?

<form>
  <input type="button" name="button" value="Download" onclick="passWord()" class="button"/>
</form>

jsfiddle: https://jsfiddle.net/29mf5wf9/

Answer 1

See this fiddle

You can use image instead of button for input type . It will still be a button.

HTML

<input type="image" src="image/path" name="button" value="Download" onclick="passWord()" class="button"/>

According to the docs

The <input type="image"> is a graphical submit button.

See the updated fiddle with a javascript function working..

Answer 2

You need to specify image in the type.

<form>
    <input type="image" src="http://cdn.sstatic.net/stackexchange/img/logos/so/so-logo.png" name="button" value="Download" onclick="passWord()" class="button"/>
</form> 

Answer 3

在这里您可以找到信息： http : //www.w3schools.com/tags/att_input_src.asp

<input type="image" src="your_image.png" name="button" value="Download" alt="Download" onclick="passWord();" class="button" width="your_image_width" height="your_image_height">