Changer le bouton de formulaire

[furious Gontran]

Salut,

Peut on changer le bouton de validation d'un formulaire de la forme:

<input name="" type="submit" value="S'enregistrer" size="74">

???

Peut on le remplacer par une image de maniere simple ?

Modifié 15 Juin 2005 par furious Gontran

[golog]

Il me semble que l'on peut faire un truc du genre:

<input type="image" src="image.truc" />

[Xavier]

Attention à ne jamais oublier le texte alternatif quand il y a des images !

<input type="image" src="image.png" alt="S'enregistrer">

Sinon certaines personnes ne pourront pas utiliser le formulaire

[Eric (11)]

Attention aussi aux infos envoyées si le 'bouton' input est de type image ! car Opera ou IE ne renveront pas la donnée Value.

Eric

[yhugo]

Attention aussi aux infos envoyées si le 'bouton' input est de type image ! car Opera ou IE ne renveront pas la donnée Value.

Eric

Merci de la mise en garde Éric, mais y a t'il une alternative ?

J'aimerais faire les boutons de mes formulaires avec des images ...

J'avais pensé à une simple background-image en CSS, mais le text de l'attribut value reste au-dessus et y'a pas moyen d'envoyer un display:none; à un attribut ... Alors que faire si on désir avoir une image pour les navigateurs graphique et en en même temps du texte pour ceux qui utilisent Lynx ?

Merci et bonne fin de journée

y.

Modifié 10 Août 2006 par yhugo

[captain_torche]

Non, tu peux très bien utiliser un input type="image" (c'est tout de même fait pour ça), mais ne fais pas de vérification sur la valeur.

Lorsque tu envoies un formulaire contenant un bouton image, la page renvoit (dans tous les navigateurs) les coordonnées du clic sur ce bouton, sous la forme "nomdubouton_x" et "nomdubouton_y".

Il te suffit ensuite de vérifier l'existence de ces valeurs (et non pas leur contenu, car si l'image ne s'affiche pas, Firefox ne renvoie pas de coordonnées (la valeur existe, mais est vide)).

[yhugo]

Merci Captain !