formulaire de contact site mobile responsive

**Seiryuu26** · 03/01/2016, 10h55

Bonjour , je suis débutant en programmation . j'ai commencé mon CV en site web ( www.davidphotiade.eu)

Il me manque un formulaire avec e mail + message ou chaque message expédié m'indique le mail de l'expéditeur

Voici le code de mon site

Code html :

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
<!DOCTYPE html>
<html>
 
  <head>
 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>CV David Photiade</title>
    <meta name="description" content="CV David Photiade">
    <meta name="keywords" content="B2B, projet, programmation, Systèmes d'Information,francais, anglais, espagnol,allemand, prospection, commercial, business devellopement">
 
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Bitter' rel='stylesheet' type='text/css'>
 
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
 
    <style type="text/css"> 
 
      /* Styles de base */
      body {
        font-family: 'Bitter', serif;
        background-color: #eef;
        color: #333;
        background: url('assets/img/fond.jpg') repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
        position: relative;
      }
 
      /* Titres */
      h1 {
        margin-bottom: 40px;
      }
 
      /* Images */
      img {
        width: 100%;
      }
 
      /* Jumbotron */
      .jumbotron {
        margin-top: 40px;
        background: rgba(255, 255, 255, 0.5);
      }
      .jumbotron img {
        padding-bottom: 20px;        
      }
 
      /* Footer */
      footer.row {
        margin: 20px 0 40px 0;
      }
 
    </style>
 
  </head>
 
  <body id="page-top" data-spy="scroll" data-target=".navbar">
 
    <header>
 
      <!-- Navigation
      ================================================== -->
      <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <div class="container">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#page-top">CV David Photiade</a>
          </div>
          <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
              <li class="hidden"><a href="#page-top"></a></li>
              <li><a href="#accueil">Accueil</a></li>
              <li><a href="#competences">Mes competences</a></li>
			  <li><a href="#formation">Ma formation</a></li>
			  <li><a href="#experience">Experience professionnelle</a></li>
              <li><a href="#contact">Contact</a></li>
            </ul>
          </div>
        </div>
      </div>   
 
    </header>
    <!-- Corps de page
    ================================================== -->
    <div class="container">
 
      <div class="jumbotron container row" id="accueil">
        <h1 class="text-center">Bienvenue sur mon site </h1>
        <img class="col-sm-12 col-md-5" src="assets/img/accueil.jpg" alt="Accueil">     
        <p class="col-sm-12 col-md-7">Bonjour , bienvenue sur mon site Je vous laisse le parcourir afin de découvrir mes compétences.Si mon profil vous intéresse, contacez moi via l'onglet Contact</p>
      </div>
 
      <div class="jumbotron container row" id="competences">
        <h1 class="text-center">Mes competences</h1>
        <img class="col-sm-12 col-md-5 col-md-push-7" src="assets/img/compétences.jpg" alt="Competences">
        <p class="col-sm-12 col-md-7 col-md-pull-5">
		Je dispose de plusieurs types de compétences:</br>
		<strong>Pour les langues étrangères,</strong>je parle francais, anglais et espagnol couramment et ai un niveau intermédiaire en allemand</br>
 
		<strong>Pour les outils bureautiques,</strong> je maitrise les pack Microsoft Office et Libre Office ainsi que Salesforce.</br>
 
		<strong>Pour la programmation,</strong> je sais programmer en HTML/CSS,PHP/MySQL,Javascript/Jquery.</br>
		</p>
      </div>
 
	  <div class="jumbotron container row" id="formation">
        <h1 class="text-center">Ma formation</h1>
        <img class="col-sm-12 col-md-5 col-md-push-7" src="assets/img/formation.jpg" alt="formation">
        <p class="col-sm-12 col-md-7 col-md-pull-5">Concernant ma formation , je suis diplomé:</br>
		<strong>Depuis Janvier 2015</strong>,je suis titulaire d'un<strong>Master 2</strong>avec une double spécialisation en négociation internationale et finance d'entreprise.</br>
		De plus , en tant que formation continue,</br>je suis des <strong>cours de programmation</strong>via Open Classrooms.</br>
		</p>
      </div>
 
	  <div class="jumbotron container row" id="experience">
        <h1 class="text-center">Mes experiences</h1>
        <img class="col-sm-12 col-md-5 col-md-push-7" src="assets/img/expérience.jpg" alt="experience">
        <p class="col-sm-12 col-md-7 col-md-pull-5">En tant que jeune professionnel,j'ai travaillé dans le domaine de la Location Longue Durée chez Arval puis ALD Automotive </br>
		ALD Automotive- 140 nouveaux clients signés ( objectif de 120 clients)
		Arval- vente de prestations additionnelles à 50 clients ( portefeuille de 80 clients)
      </div>
 
      <div class="jumbotron" id="contact">
        <h1 class="text-center">Vous voulez me contactez ?</h1>
        <form  class="row" method="POST"action="contact.php">
          <div class="form-group col-lg-4">
            <input NAME="email" class="form-control" placeholder="Votre email">
          </div>
          <div class="form-group col-lg-8">
            <textarea class="form-control" rows="3" placeholder="Votre message"></textarea>
          </div>
          <div class="form-group col-lg-12">
            <input TYPE="submit" class="btn btn-default pull-right">Envoyer</input>
          </div>
        </form>
      </div>
 
    </div>
 
    <!-- Pied de page
    ================================================== -->
 
 
    <!-- jQuery -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <!-- Javascript de Bootstrap -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 
    <script>
      // Scrollspy fluide
      $(function () {
        $('header a').on('click', function(e) {
          e.preventDefault();
          var hash = this.hash;
          $('html, body').animate({
            scrollTop: $(this.hash).offset().top
          }, 1000, function(){
            window.location.hash = hash;
          });
        });
      });
    </script>
 
  </body>
 
</html>

Et en plus voici le code de contact.php

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
<?php
$dest    = 'davidphotiade@hotmail.fr';        // TU METS TON E-MAIL ICI
 
if(!$_POST['email'] && $_POST['message'])
    echo 'Vous avez oubli&eacute; votre e-mail';
elseif($_POST['email'] && !$_POST['message']){
    $_POST['message'] = 'Votre message ici';
    echo 'Y\'en a marre des messages vides !';
    }
elseif($_POST['email'] && $_POST['message']){
    $_POST   = array_map('htmlspecialchars', $_POST);
    $from    = 'From: '.$_POST['email']."\r\n";
    $objet   = 'Vous avez un nouveau message';
    if(!preg_match('!^[a-zA-Z0-9._-]+@[a-zA-Z0-9._-]{2,}\.[a-zA-Z]{2,4}$!',$_POST['email']))
        echo 'Votre e-mail n\'est pas valide';
    else{
        mail($dest, $objet, $_POST['message'], $from);
        echo 'Message envoy&eacute; au webmaster';
        }
    }
?>
<form method="post" action="mail.php">
    <h2>CONTACT</h2>
    <label for="email">Votre e-mail&nbsp;: </label><input type="text" name="email" id="email" value="<?php echo $_POST['email'] ?>"/><br />
    <textarea cols="50" rows="10" name="message" id="message" onclick="if(this.value == 'Votre message ici'){this.value = '';}";><?php echo $_POST['message'] ?></textarea>
    <input type="submit" value="Valider" />
</form>

Merci pour vos retours

**sabotage** · 03/01/2016, 13h22

Qu'est ce qui ne va pas avec le code que tu nous montres ?

**andry.aime** · 05/01/2016, 08h14

Bonjour,

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<textarea class="form-control" rows="3" placeholder="Votre message"></textarea>

Il te manque l'attribut name du textarea, du coup $_POST['message'] n'existe pas.

A+.

formulaire de contact site mobile responsive

Langage PHP

Discussions similaires

Partager

Partager