Bouton lien dans un formulaire

[sam01]

Bonjour à tous,

voilà j'ai un formulaire classique avec un bouton de type submit placé en bas à droite du forumlaire

Code :

1
2
3
4
5
 
 
     <div id="piedForm02"> 
                    <input type="submit" name="form_ref" value="OK" />     
                </div>

et voici le css

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
 
 
 
#piedForm02 
{    /*** Mise en forme du titre et du pied de formulaire ***/ 
    /*font: bold 1.1em arial, hevetica, sans-serif;*/ 
    color: black; 
    /*background: orange;*/ 
    /*background-image: url('../images/cadre_arrondi_bottom.png'); 
    height:25px;*/ 
    background-image: url('../images/cadre_arrondi_bottom_test.png'); 
    height:35px; 
    margin: 0; 
    border:none; 
}

et j'aimerais faire un autre bouton de type "simple lien" cette fois-ci que je placerais en bas à gauche du formulaire afin d'aller à l'étape précédente.

J'aimerais que ce bouton lien soit identique au bouton submit au niveau design, c'est possible ?

Voici la première page de mon formulaire :

http://www.swapnfly.fr/crecli01.php

merci pour votre aide.

[Meloooo]

Peut être quelque chose comme ca :

Code :

<a href="javascript:history.go(-1)>Précédent</a>

[sam01]

Merci.

mais il n'y a aps autre chose que le Javascript ?

[Meloooo]

Il doit bien exister plusieurs manières, mais la plus courante me semble celle-ci ou encore celle la :

Code :

<a href="javascript:history.back()">page pr&eacute;c&eacute;dente</a>

[ornitho13]

Salut,

si tu veux qu'il soit identique, utilise le style de la <div id="piedForm02">. Par contre utilise une "class" pour que cela fonctionne parce qu'on ne peut pas mettre 2 fois le même "id" dans une page

Exemple:

Code html :

1
2
3
4
 
<div class="piedForm02"> 
     <input type="submit" name="form_ref" value="OK" />     
</div>

ainsi ton bouton de retour serait comme cela (en utilisant le javascript pour revenir en arrière comme le suggérait Meloooo):

Code html :

1
2
3
4
 
<div class="piedForm02"> 
     <button onclick="history.back()">Etape précédente</button>     
</div>

En utilisant le "class", tu réutilises le style pour ton div.

++