Two image-type buttons with the same image

Question

I have two image-type buttons on my page:

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

The problem is that the buttons' image doesn't load up. When I get rid of one of the buttons, though, everything is fine. The buttons have different names and IDs, what's the problem?

Weird bug. Tried it on my server. Loads both buttons just fine. — Mouser, Dec 27 '14 at 21:12
The code that you posted is perfectly valid. There must be something else on the page that is messing this up. — Ian Hazzard, Dec 27 '14 at 21:12
Are your images in the same directory or are they a directory up or down? — Michelangelo, Dec 29 '14 at 10:28

score 1 · Accepted Answer · edited May 23 '17 at 11:57

1

You're missing the ALT values. These are needed incase the image can't be loaded: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input

Here's an alternative approach:

Create two <buttons> or <input type="submit"> and style their backgrounds using css.

If your goal is to submit the png image in the form, there's a similar answer here: <button> background image

edited May 23 '17 at 11:57

Community

1
1

answered Dec 29 '14 at 10:32

Giwan

1,564
14
17

MANOJ GOPI · Answer 2 · 2014-12-29T10:21:31.953

0

Check if the image source location is valid and the image is available in the location where the browser is searching for. Check that by right clicking on the image button, use option Inspect element(available only in higher versions of browsers) and check for the source location for the image.

In ur case the image should be available on the same folder where the html is available.

Check for typo errors.

edited Dec 29 '14 at 10:21

answered Dec 29 '14 at 10:16

MANOJ GOPI

1,279
10
31

Two image-type buttons with the same image

2 Answers2