Bonsoir à tous

Ma question va sûrement vous paraître simple mais à vrai dire, mes connaissance en HTML sont assez limitées.

Recherchant actuellement un emploi, je travaille sur un projet de site personnel à l'attention d'éventuels recruteurs. J'ai pour cela pris un modèle de site sur HTML5 UP! qui propose des sites élégants et simples.

A la fin de mon site déroulant (je ne connais pas le terme exact pour qualifier un site que l'on parcourt en défilant à la souris), il y a un formulaire de contact composé des champs "Nom", "Email", "Sujet" et d'une zone de texte "Message". Très classique.

Voici le code de ce formulaire :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<div>
    <div class="row">
        <div class="12u">
            <form method="post" action="contact.php">
                <div>
                    <div class="row half">
                        <div class="6u">
                            <input type="text" name="nom" id="nom" placeholder="Nom" />
                        </div>
                        <div class="6u">
                            <input type="text" name="email" id="email" placeholder="Email" />
                        </div>
                    </div>
                    <div class="row half">
                        <div class="12u">
                            <input type="text" name="sujet" id="sujet" placeholder="Sujet" />
                        </div>
                    </div>
                    <div class="row half">
                        <div class="12u">
                            <textarea name="message" id="message" placeholder="Message"></textarea>
                        </div>
                    </div>
                    <div class="row">
                        <div class="12u">
                            <input type="hidden">
                            <a href="#" class="button form-button-submit">Envoyer</a>
                            <a href="#" class="button button-alt form-button-reset">Tout effacer</a>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
Bien entendu, c'est en appuyant sur le bouton "Envoyer" codé en ligne 28, qu'un message est envoyé vers ma boîte.

Parallèlement à ça, j'ai trouvé le script en PHP permettant de faire fonctionner ce genre de formulaire. J'ai réussi à le faire fonctionner dans un fichier HTML à part. Cependant, à la différence du code HTML de mon site présenté ci-dessus, le bouton sur lequel l'appui permet l'envoi du message n'est pas un hyperlien <a></a>, mais un <input/> (ligne 20), comme on peut le voir ci-dessous :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>
<head>
</head>
<body>
    <div class="row">
        <div class="span9">
            <form id="contact" method="post" action="traitement_formulaire.php">
                <fieldset>
                    <legend>Vos coordonnées</legend>
                    <p><label for="nom">Nom :</label><input type="text" id="nom" name="nom" tabindex="1" /></p>
                    <p><label for="email">Email :</label><input type="text" id="email" name="email" tabindex="2" /></p>
                </fieldset>
                <fieldset>
                    <legend>Votre message :</legend>
                    <p><label for="objet">Objet :</label><input type="text" id="objet" name="objet" tabindex="3" /></p>
                    <p><label for="message">Message :</label><textarea id="message" name="message" tabindex="4" cols="30" rows="8"></textarea></p>
                </fieldset>
                <div style="text-align:center;"><input type="submit" name="envoi" value="Envoyer le formulaire !" /></div>
            </form>
        </div>
    </div>
</body>
<html>
Là, quand j'appuie sur le bouton "Envoyer le formulaire !", le script PHP s'exécute et le message est bien envoyé sur ma boîte mail.

Mon problème est que je ne parviens pas à trouver à "adapter", faire en sorte que lorsque j'appuie sur le bouton "Envoyer" de mon site, le code PHP s'exécute correctement. A faire la liaison entre ma feuille HTML et mon code PHP.

Une idée ?

Merci à vous.
Cordialement,
Che57