Partager vos
astuces Bricolage
Posez votre question Signaler

<input type button> [Résolu]

kazouu 466Messages postés 4 juin 2008Date d'inscription - Dernière réponse le 26 jun 2008 à 09:39
Bonjour,
est-ce possible de mettre une "input type button" sous forme d'image ?
je m'explique : je n'ai pas envi de mettre le input type image car il submit direct , et je souhaite faire des verification avant
donc j'aimerai savoir si il est possible de mettre une image cliquable a la place du bouton dans input type button ?
merci d'avance
cordialement
Lire la suite 

<input type button> »

13 réponses
Réponse
+1
moins plus
bibs37 71Messages postés 12 septembre 2006Date d'inscription 25 jun 2008 à 15:13
coucou

oui c'est possible avec du css 

<style>
.bouton{
	background-image:url(images/mon_image.jpg);
	width:150px;
	height:40px;
}
</style>
<input type="button" value="" class="bouton" />


Après tu modifie comme tu veut^^

 Ajouter un commentaire - Site web
Ajouter un commentaire
Réponse
+0
moins plus
Matio 674Messages postés 6 mars 2007Date d'inscription 25 janvier 2011Dernière intervention 25 jun 2008 à 15:03
Salut,
C'est peut être çà :
<input name="pdf" type="image" src="pdf.gif" />

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
Matio 674Messages postés 6 mars 2007Date d'inscription 25 janvier 2011Dernière intervention 25 jun 2008 à 15:05
Je me suis gouré, excuses moi j'avais pas bien lu la question

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
kazouu 466Messages postés 4 juin 2008Date d'inscription 25 jun 2008 à 15:05
nan car le type image submit obligatoirement

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
Matio 674Messages postés 6 mars 2007Date d'inscription 25 janvier 2011Dernière intervention 25 jun 2008 à 15:10
Un truc dans le genre
<button name="button" style="background-image:images/toto.gif">bouton</button>

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
kazouu 466Messages postés 4 juin 2008Date d'inscription 25 jun 2008 à 15:15
et si je met ça dans la page le style sera valable que pour la page ?

 Ajouter un commentaire
Matio - 25 jun 2008 à 15:23
C'est valable pour tout le site une css. si t'appelle la classe de style dans une autre page ça marche aussi.
mais pas une balise style qui ne s'applique qu'à un élément.
Ajouter un commentaire
Réponse
+0
moins plus
bibs37 71Messages postés 12 septembre 2006Date d'inscription 25 jun 2008 à 15:18
le code entre balise <style> tu le met dans ton fichier css

 Ajouter un commentaire - Site web
Ajouter un commentaire
Réponse
+0
moins plus
kazouu 466Messages postés 4 juin 2008Date d'inscription 25 jun 2008 à 15:24
oui mais ca va me metre la meme image pour tout mes bouton :s
et ca je ne veux pas :s

 Ajouter un commentaire
Matio - 25 jun 2008 à 15:26
tu créer d'autres class pour tes autres boutons
Ajouter un commentaire
Réponse
+0
moins plus
kazouu 466Messages postés 4 juin 2008Date d'inscription 25 jun 2008 à 15:30
ca marche pas
j'ai mis ca dans le fichier CSS

.button{
background-image:url("image/sup.jpg");
width:150px;
height:40px;
}
et ca dans le php

echo "<input type='button' name='submit'/>";

 Ajouter un commentaire
Matio - 25 jun 2008 à 17:56
il faut préciser la classe:

css
.bouton{
background-image:url("image/sup.jpg");
width:150px;
height:40px;
}
php

echo "<input type=\'button\' name=\'submit\' class=\'bouton\'/>";
Ajouter un commentaire
Réponse
+0
moins plus
kazouu 466Messages postés 4 juin 2008Date d'inscription 26 jun 2008 à 09:39
ok merci ca marche

 Ajouter un commentaire
Ajouter un commentaire
Posez votre question
Ce document intitulé « <input type button> » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
5 extensions si vous voulez revenir à l'ancien Facebook