Bouton submit avec image qui envoie vers une autre page html
claudine
-
carabde Messages postés 68 Statut Membre -
carabde Messages postés 68 Statut Membre -
Bonjour,
Je suis actuellement à la recherche d'un méthode pour accéder à une autre page que j'ai créer à l'aide d'un bouton submit, sachant que ce bouton contient une image. J'ai cherché partout mais rien ne fonctionne que faire ?
Voici mon avancement :
<p align=center>
<input type="image"src="shifumi3.png"width="300" height="170"value="">
</p>
Je suis actuellement à la recherche d'un méthode pour accéder à une autre page que j'ai créer à l'aide d'un bouton submit, sachant que ce bouton contient une image. J'ai cherché partout mais rien ne fonctionne que faire ?
Voici mon avancement :
<p align=center>
<input type="image"src="shifumi3.png"width="300" height="170"value="">
</p>
5 réponses
-
Bonjour,
Si vous tenez à avoir un input voici un code:
<form name="form1" action="">
<input type="image"src="votre image" width="30" height="17"value="" formaction="adress de la page à ateindre">
</form>
pour plus de précisions regarder aussi la page suivante:
http://apprendre-creer-sites.com/balises/HTML-attribut-Formaction-balise-input.php -
Bonsoir,
Ton image doit servir de lien comme ceci :<p style="text-align: center;"><a href="page1.html"><img src="shifumi3.png" style="width: 300px; height: 170px; border: none;" alt="" /></a></p>
Cdlt.
ReDLoG -
bonsoir claudine
pourquoi tiens-tu as avoir un input type image ?
ce qui pourrait suffir :
<a href='uneautrepage.html"><img src="shifumi3.png" width="300" height="170"></a>
-- -
Et si tu définit l'attribut action de ton formulaire par le nom de ta nouvelle page?
<form method="post" action="http://www....." > -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Salut,
Un input image ou un lien ne permettront pas de soumettre le formulaire (pas sans javascript en tout cas).
Pour faire un bouton submit avec une image, il suffit d'utiliser le css :
<input type="submit" style="background-image: url('image.jpg'); border: none;" value="" />
Bonne journée