Formulaire HTML (submit = image) [Résolu]

Cluz - Dernière réponse le 2 juin 2010 à 01:20

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!!

Formulaire HTML (submit = image) »

Suggestions

Formulaire HTML (submit = image)
Insertion image php/mysql (Résolu) » Forum
Html : input type=submit (Résolu) » Forum
Deux images pour valider un formulaire html (Résolu) » Forum
HTML : formulaire par dessus image (Résolu) » Forum
[HTML] Submit formulaire par clic sur fram » Forum

Plus

Réponse

+51

Maher 11 nov. 2003 à 04:54

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

Ajouter un commentaire

linda.zazy- 10 avril 2010 à 23:32

slt svp j'ai le meme problème j'ai réussi a changer le boutton ok avec une image mais moi j'ai fait tout le design de la barre chercher avec photoshop alors comment remplacer le chanp de text avec un autre designed avec photoshop? je l'ai coupé avec l'outil slice. mais je ne c pas ou mettre ajouter le formulaire... parcque il faut inserer un formulaire puis le champ de text et un boutton
svp .

Réponse

+28

Dobey 2 juin 2010 à 01:20

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:

<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.

Ajouter un commentaire

Réponse

-CCM- 921Messages postés 28 mai 2008Date d'inscription 27 janvier 2012Dernière intervention 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 .....


<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 ??

Ajouter un commentaire - Site web

Réponse

-CCM- 921Messages postés 28 mai 2008Date d'inscription 27 janvier 2012Dernière intervention 25 juil. 2008 à 15:42

reponse :: http://www.commentcamarche.net/forum/affich 1202434 bouton image et bouton submit

Merci a toi -CCM-

Ajouter un commentaire - Site web

Réponse

Cluz 12 nov. 2003 à 20:00

Ok ! Ca marche en html !
Pas besoin de script !
Merci !!

Ajouter un commentaire

Réponse

-2

esox_ch 790Messages postés 28 janvier 2003Date d'inscription 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

Ajouter un commentaire

Répondre au sujet

Posez votre question

Dossier à la une

Passage au tout numérique : quel coût pour les particuliers ?

Passage au tout numérique : quel coût pour les particuliers ?

Combien cela coûte-t-il au total ? Quelles aides apportent l'état et les acteurs du marché pour alléger cette charge non choisie ? Tous les détails sur Commentçamarche.net.

Formulaire HTML (submit = image) [Résolu]

Formulaire HTML (submit = image) »

Passage au tout numérique : quel coût pour les particuliers ?