web-dev-qa-db-fra.com

Faire en sorte qu'une image se comporte comme un bouton

Je travaille sur une simple page HTML contenant cette image que je souhaite utiliser comme un bouton.

Voici le code pour mon image:

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

Et fondamentalement, je veux y ajouter cette fonctionnalité:

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

Le texte sur le bouton lui-même indiquant que Soumettre n'est pas nécessaire car mon image contient le texte dont il a besoin.

Alors de toute façon, est-ce possible? et si oui, comment? :)

htmlimagebutton
26
Kevin

On dirait que vous voulez un bouton image:

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

Vous pouvez également utiliser CSS pour que le bouton existant submit utilise votre image comme arrière-plan.

Dans tous les cas, vous ne voulez pas voulez un <img /> élément sur la page.

50
VoteyDisciple

Vous pouvez implémenter un bloc JavaScript contenant une fonction correspondant à vos besoins.

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

Vous pouvez utiliser un bouton d'envoi d'image :

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