Formulaire HTML (submit = image)
Résolu/Fermé
Hello !
Voila, je voudrais remplacer le bouton gris classique par une image et je ne sais pas comment faire. Voici mon code :
<form action=enreg.php>
Nom : <input type=text name=nom><br>
e-mail : <input type=text name=email><br>
<input type=submit value="Enregistrer">
</form>
Par quoi dois-je le remplacer pour mettre une image.gif ?
Merci d'avance!!
Voila, je voudrais remplacer le bouton gris classique par une image et je ne sais pas comment faire. Voici mon code :
<form action=enreg.php>
Nom : <input type=text name=nom><br>
e-mail : <input type=text name=email><br>
<input type=submit value="Enregistrer">
</form>
Par quoi dois-je le remplacer pour mettre une image.gif ?
Merci d'avance!!
A voir également:
- Formulaire image html
- Formulaire de réclamation facebook - Guide
- Image iso - Guide
- Editeur html - Télécharger - HTML
- Acronis true image - Télécharger - Sauvegarde
- Formulaire de reclamation instagram - Guide
7 réponses
Vous pouvez le faire en HTML simplement en ecrivant cela:
<form action=enreg.php>
Nom : <input type=text name=nom><br>
e-mail : <input type=text name=email><br>
<INPUT border=0 src="http://votre.domain/votreimage.gif ou votreimage.jpg " type=image Value=submit align="middle" >
</form>
en faisant attention de remplacer votre. domain par votre nom de domain complet et votre image par votre image de button, et surtout pas ne vous tromperdans les dimensions du button car il doit etre homogene avec les autres elements de votre page
<form action=enreg.php>
Nom : <input type=text name=nom><br>
e-mail : <input type=text name=email><br>
<INPUT border=0 src="http://votre.domain/votreimage.gif ou votreimage.jpg " type=image Value=submit align="middle" >
</form>
en faisant attention de remplacer votre. domain par votre nom de domain complet et votre image par votre image de button, et surtout pas ne vous tromperdans les dimensions du button car il doit etre homogene avec les autres elements de votre page
Pour ceux qui ont cherché comme moi je vous donne cette solution:
Pour ce qui est du CSS (tout en haut de page pour ceux qui connaisse pas ) et dans une feuille de style pour ceux qui connaisse:
Dans le formulaire:
Voila! vous pouvez meme changer les input text et autre en CSS.
Pour ce qui est du CSS (tout en haut de page pour ceux qui connaisse pas ) et dans une feuille de style pour ceux qui connaisse:
<style type="text/css">
.form input[type=submit]{
background:url(images/inscription.png) top right no-repeat;
width:220px;
height: 70px;
padding: 0 0 0 10px;
cursor: pointer;
border:0;
}
</style>
Dans le formulaire:
<form action=<form action='espace_pro.php' method='post' name='inscription' class="form"> <input type='submit' value= ' ' > </form>
Voila! vous pouvez meme changer les input text et autre en CSS.
-CCM-
Messages postés
927
Date d'inscription
mercredi 28 mai 2008
Statut
Membre
Dernière intervention
16 juin 2013
84
25 juil. 2008 à 15:42
25 juil. 2008 à 15:42
reponse :: http://www.commentcamarche.net/forum/affich 1202434 bouton image et bouton submit
Merci a toi -CCM-
Merci a toi -CCM-
-CCM-
Messages postés
927
Date d'inscription
mercredi 28 mai 2008
Statut
Membre
Dernière intervention
16 juin 2013
84
25 juil. 2008 à 15:35
25 juil. 2008 à 15:35
Salut (depuis tout ce temps ... )
J'ai le même souci, mais dans mon cas sa ne marche pas ....
le fait de remplacer mon submit par une image fait que mon code php n'est pas executer .....
alors qu'avec type="submit" name="envoi" value="Envoyer">
tout est nickel..
Etes vous sur que cela remplace vraiment un bouton du type submit ??
J'ai le même souci, mais dans mon cas sa ne marche pas ....
le fait de remplacer mon submit par une image fait que mon code php n'est pas executer .....
<input src="/img/upload_pop.png" width="25" height="25" border="0" alt="fermer" type="image" name="envoi" value="submit">........
</form>
..
..
<?php
if( isset($_POST['envoi']) )// si formulaire soumis
{ ......
if(empty($type))
{
echo "<script>alert('Merci de remplir tout les champs.');</script>";
} ......
alors qu'avec type="submit" name="envoi" value="Envoyer">
tout est nickel..
Etes vous sur que cela remplace vraiment un bouton du type submit ??
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Si vous voulez une image cliquable avec effet de clic sur l'image, vous pouvez aussi utiliser un script tel que :
<input type="image" name="submit" src="button1.gif" onmouseover="this.src='button2.gif'" onmouseout="this.src='button1.gif'">
<input type="image" name="submit" src="button1.gif" onmouseover="this.src='button2.gif'" onmouseout="this.src='button1.gif'">
esox_ch
Messages postés
770
Date d'inscription
mardi 28 janvier 2003
Statut
Membre
Dernière intervention
14 mars 2007
49
10 nov. 2003 à 23:37
10 nov. 2003 à 23:37
Moi je ferais comme ca.. :
<html>
<head>
<title></title>
<script language="Javascript">
function submit()
{
document.form1.submit();
}
</script>
</head>
<body>
<form action="enreg.php" name ="form1">
Nom : <input type="text" name="nom"><br>
e-mail : <input type="text" name="email"><br>
<img src = "monimage.gif" onClick(submit();)></img>
</form>
Je suis plu sur a 100% du script JS en haut mais si jms il te suffira de lire la partie de ce site ki y est consacrée pour le corriger
Eternel Questionneur. Seul et Unique membre de la : SPdLM
=> Société Protectrice des Langages Maltraités
<html>
<head>
<title></title>
<script language="Javascript">
function submit()
{
document.form1.submit();
}
</script>
</head>
<body>
<form action="enreg.php" name ="form1">
Nom : <input type="text" name="nom"><br>
e-mail : <input type="text" name="email"><br>
<img src = "monimage.gif" onClick(submit();)></img>
</form>
Je suis plu sur a 100% du script JS en haut mais si jms il te suffira de lire la partie de ce site ki y est consacrée pour le corriger
Eternel Questionneur. Seul et Unique membre de la : SPdLM
=> Société Protectrice des Langages Maltraités
10 avril 2010 à 23:32
svp .