Создание изображения действует как кнопка

Я работаю над простой 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>

Текст на самой кнопке с надписью "Отправить" не требуется, так как мое изображение имеет необходимый текст.

Так или иначе, возможно ли это? и если да, то как?:)

Ответы

Ответ 1

Похоже, вы хотите кнопку image:

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

В качестве альтернативы вы можете использовать CSS, чтобы использовать существующую кнопку submit, используя ваше изображение в качестве фона.

В любом случае вам не нужен отдельный элемент <img /> на странице.

Ответ 2

Вы можете реализовать блок JavaScript, который содержит функцию с вашими потребностями.

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