5568 sujets

Sémantique web et HTML

[résolu]Faire d'un lien normal un bouton pour un formulaire

Bonjour,
J'ai fais une recherche mais j'ai pas trouvé,
Comment dois-je faire pour qu'un lien <a href.... soit compté comme un bouton pour un formulaire svp ?
Merci d'avance.
Cordialement,
Tristan
Modifié par TristanG (12 Nov 2007 - 22:21)
Salut TristanG Smiley cligne ,

ben... à moins d'utiliser du Javascript, tu ne peux pas : un formulaire ne peut être soumis que par un <input> Smiley sweatdrop ...

Peux-tu préciser ce que tu veux faire ?
Salut !
Et merci beaucoup pour ta réponse. Smiley cligne

Voici le lien :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<html>
<head>
<title>Bouton</title>
<style type="text/css">
#ok a{
background-color:#fff;
text-align:center;
margin-left: 0 ;
padding-right: 5px ;
margin-top: 5px ;
margin-bottom: 0 ;
padding-left: 5px;
color: #000000;
text-decoration:none;

}
#ok a:hover{
background-color:#BF000F;
text-align:center;
margin-left: 0 ;
padding-right: 5px ;
margin-top: 5px ;
margin-bottom: 0 ;
padding-left: 5px;
color: #fff;
text-decoration:none;
}
</style>
</head>
<body>
<div id="ok"><a href="#" title="Rechercher dans l'annuaire">Recherchez </a></div>
</body>
</html>


Et je souhaiterai L'utiliser pour un petit formulaire de recherche.

Si cela n'est pas possible, alors connaissez-vous une façon d'avoir un bouton type <input> qui ressemble à ca ?

Merci d'avance Smiley smile

Cordialement,
Tristan
Modifié par TristanG (12 Nov 2007 - 22:16)
Salut,

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
Re',

voici un petit exemple :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Test submit css</title>
<style type="text/css">
#ok {
float:right;
}

.submit {
background-color:#fff;
text-align:center;
margin-left: 0 ;
padding-right: 5px ;
margin-top: 5px ;
margin-bottom: 0 ;
padding-left: 5px;
color: #000000;
}

.submit:hover {
background-color:#BF000F;
color: #fff;
}

</style>
</head>
<body>
<form id="ok" action="" method="post">
	<input id="recherche_site" name="recherche_site" size="20" maxlength="30" />
	<input class="submit" type="submit" value="Recherchez" />
</form>
</body>
</html>
A noter que .submit:hover ne sera pas interprété par IE6 mais si cela pose problème, il faudra utiliser un peu de Javascript entre commentaires conditionnels.

A+ Smiley smile
Sujet clos
Aller à