Mettre une image dans un bouton, possible ?

[thierry8]

Bonjour,

est qu'il est possible de mettre une image dans un bouton ?
si oui comment ?

Merci

 

[e-kiwi]

input type=image

 

[mattcobalta]

<button><img></button>

 

[Maxib]

Le moyen le plus "propre" restant quand meme le css :

.bouton{
background:url(chemin de l'image);
}

<input type="[type]" class="bouton" />

 

[mattcobalta]

Qui est-ce qui nous en sort une 4e de derrière les fagots ?
:lol:

 

[e-kiwi]

je vois pas ce qu'on reproche à input type=image

 

[jerome347]

je vois pas ce qu'on reproche à input type=image

Moi non plus, c'est même fait pour

 

[e-kiwi]

ben wé, un peu...

 

[mattcobalta]

type=image ça te bloque le type=Submit (pour valider les form), utile si le javascript est désactivé.
Sans (re)lancer la guerre contre le javascript, bien sûr...

 

[~hcplayer~{feh}~]

Il ne sert à rien de faire la guerre au javascript quand il est bien utilisé :
Bien valider ses formulaires

 

[Ohax]

Héhé

Vive noscript et les 2 - 3 % d'utilisateurs qui désactivent javascript ;-)

 

[mattcobalta]

Autant pour moi l'input type=image peut servir à valider un formulaire.
Il transmet en plus les coordonnées de la souris lors du clic.
Ainsi ce code :

<form action="https://www.google.fr">
<input type="image">
</form>

renvoi cette url : https://www.google.fr/?x=16&y=16

 

[doic]

Il me semble que la question est "comment mettre une image dans un bouton" et pas "comment remplacer un bouton par une image"..

Thierry8 cherche certainement à avoir un type="button" avec une image SUR le bouton... un peu comme les deux liens "Répondre" et "Imprimer" en bas de cette page...

Enfin, c'est comme ça que j'interprète la question...

Donc pour moi, la réponse valide serait celle de Maxib (bien que je ne l'ai jamais essayée).

 

[e-kiwi]

nop, les liens "repondre" et "imprimer" ne sont pas fait en mettant une image dans un bouton input. c est juste une image avec un lien href tout bete.

une image qui fasse submit -> input type=image.
si il veut faire autre chose, qu'il se manifeste ^^

 

[doic]

nop, les liens "repondre" et "imprimer" ne sont pas fait en mettant une image dans un bouton input. c est juste une image avec un lien href tout bete.

une image qui fasse submit -> input type=image.
si il veut faire autre chose, qu'il se manifeste ^^

Oui, c'est pour ça que j'ai mis "un peu comme"... pour montter à quoi ça devrait ressembler, graphiquement.
Mais tu as raison, au lieu de refaire le monde, laissons-le réagir... ^^

 

[thierry8]

lol
merci à tous pour vos réponse !

Ce que je cherchais est belle et bien avoir un bouton de formulaire standard du type button, mais tout en lui mettant une image !

Je pense que la solution type=image ne fonctionnera pas, car il faut je pense l'interpréter avec du javascript or j'évite cela !

La solution serait donc celle de Maxib !

A tester...de ce pas !

 

[mattcobalta]

Petite précision, bien que les boutons ci-dessous soient des images, leurs comportements ne sont pas identiques

<input type=button style="width:150;height:55;background:url(https://www.google.fr/images/logo_sm.gif)">

<button><img src="https://www.google.fr/images/logo_sm.gif"></button>

Lorsqu'on clique sur le premier l'image est fixe, alors qu'avec le deuxième l'image est "cliquée".
Au choix selon ses préférences... :wink:

 

[e-kiwi]

et au lieu de "penser que", suffit de tester...