Version complète: sur le forum Webmaster Hub : Bouton "rechercher" d'un champ par une image
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
marvine28
lundi 10 avril 2006 à 20:42
Bonjour à tous,

jvoulais savoir, c'est possible de remplacer un bouton de commande pour un formulaire par une image.

voici le code pour mon bouton de recherche
CODE
<input type="submit" value="Rechercher" class="button_make_search_annuaire">


Je voudrais remplacer ce bouton par une image, comment faire.

merci
captain_torche
lundi 10 avril 2006 à 20:51
HTML
<input type="image" src="chemin_de_ton_image" />
marvine28
lundi 10 avril 2006 à 21:03
merci pour ta réponse rapide mais si je change le type (submit pour image) je pense pas que ça va fonctionner car c'est pour envoyer une requêtes, donc est-ce que c'est possible de mettre 2 types ?

merci
captain_torche
lundi 10 avril 2006 à 21:23
Le type image fonctionne comme un type submit, un petit test t'aurait aidé à le découvrir par toi-même smile.gif
marvine28
lundi 10 avril 2006 à 22:17
ouais c'est vrai, merci smile.gif
marvine28
mardi 11 avril 2006 à 00:05
ça fonctionne mais il y a beaucoup de problème de collapse, toute les images se "désaligne" pourtant je ne fais pas de changement de ce genre, j'ai tout simplement ajouté des champs caché.


Voici le code original:
CODE
 <td background="http://www.votrevoyage.be/images/layout_18.gif">
     <p align="center">
     <input type="text" name="mots" size="15"></td>
 <td colspan="2" >
     <img src="http://www.votrevoyage.be/images/layout_19.gif"></td>



mon code maintenant est:
CODE
 <td background="http://www.votrevoyage.be/images/layout_18.gif">
     <p align="center">
     
<form action="http://www.votrevoyage.be/annuaire/search.php" method="post">
<input type="hidden" name="action" value="seek">
<input type="text" name="mots" size=15 maxlength=100 value="<?php echo $value; ?>"<?php echo $erase; ?> class="text_to_search_annuaire">


</td>
 <td colspan="2">
 <input type="image" src="http://www.votrevoyage.be/images/layout_19.gif" class="button_make_search_annuaire">
 </form>
     
     
     </td>


tout fonctionne mais voici le résultat: www.votrevoyage.be (probleme dans le header)
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.