formulaire de contact avec select
Posté : 12 févr. 2019, 14:28
Bonjour a tous,
est quelqu’un peut m'aider á résoudre ce problème que voici : example
Réalisation d’une application
Vous devez travailler pour un site de covoiturage, vos utilisateurs devront passer par un formulaire de contact
pour la mise en relation. L’utilisateur doit choisir sa ville de départ dans une liste, en fonction de la ville choisie,
les différents itinéraires seront proposés.
Première tache :
Créez un formulaire de contact qui contient les champs suivants :
–– Nom
–– Prénom
–– Adresse émail
–– Numéro de téléphone
–– Sélection de la ville de départ
Deuxième tache:
Proposez les voyages possibles.
Lorsque l’utilisateur clique sur « Rechercher », les destinations correspondantes à sa ville de départ sont
proposées.
voici ce que j'ai pu réaliser jusqu’à maintenant:
le code HTML
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="https://ajax.googleapis.com/ajax/libs/j ... "></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstr ... ap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstr ... "></script>
<link href="http://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="style.css">
<title>Document</title>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-lg-10 col-lg-offset-1">
<form id="contact-form" action="handler.php" role="form" method="post">
<div class="row">
<div class="col-md-6">
<label for="fname">Prénom</label>
<input type="text" name="fname" id="fname" class="form-control" placeholder="prenom" value="">
</div>
<div class="col-md-6">
<label for="name">Nom</label>
<input type="text" name="nom" class="form-control" placeholder="nom" value="">
</div>
<div class="col-md-6">
<label for="email">email</label>
<input type="email" name="email" id="email" class="form-control" placeholder="email" value="">
</div>
<div class="col-md-6">
<label for="phone">Téléphone</label>
<input type="tel" name="phone" id="phone" class="form-control" placeholder="téléphone" value="">
</div>
<div class="col-md-12">
<label for="departure">Ville de départ</label>
<select name="departure" id="departure">
<option></option>
<option value="Paris">Paris</option>
<option value="Orleans">Orleans</option>
<option value="Dublin">Dublin</option>
<option value="Nice">Nice</option>
<option value="Tours">Tours</option>
</select>
</div>
<div class="col-md-12">
<input type="submit" name="" class="button1" value="Envoyer">
</div>
</div>
</form>
</div>
</div>
</div>
</body>
</html>
Et le code PHP que voici:
<?php
if (isset($_POST['submit'])) {
$name = $_POST['name'];
$prenom = $_POST['prénom'];
$email = $_POST['email'];
$tel = $_POST['tel'];
}
$name = $_POST['nom'];
$prenom = $_POST['fname'];
$email = $_POST['email'];
$tel = $_POST['phone'];
$departure = $_POST['departure'];
echo $_POST['nom'];
echo "<br>";
echo $_POST['fname'];
echo "<br>";
echo $_POST['email'];
echo "<br>";
echo $_POST['phone'];
echo "<br>";
//echo "Votre ville de départ est : ";
echo "<br>";
echo $_POST['departure'];
echo "<br>";
echo "<br>";
$travels = $_POST['departure'];
$travels = array(
array( 'departure'=> 'Paris', 'arrival'=> 'Nantes', 'departureTime'=>'11:00', 'arrivalTime'=>'11:34', 'driver' =>'Thomas'),
array( 'departure'=> 'Orléans', 'arrival'=> 'Nantes', 'departureTime'=>'05:15', 'arrivalTime'=>'09:32', 'driver' =>'Mathieu'),
array( 'departure'=> 'Dublin', 'arrival'=> 'Tours', 'departureTime'=>'07:23', 'arrivalTime'=>'08:50', 'driver' =>'Nathanael'),
array( 'departure'=> 'Paris', 'arrival'=> 'Orléans', 'departureTime'=>'03:00', 'arrivalTime'=>'05:26', 'driver' =>'Clément'),
array( 'departure'=> 'Paris', 'arrival'=> 'Nice', 'departureTime'=>'10:00', 'arrivalTime'=>'12:09', 'driver' =>'Audrey'),
array('departure'=> 'Nice', 'arrival'=> 'Nantes', 'departureTime'=>'10:40', 'arrivalTime'=>'13:00', 'driver' =>'Pollux'),
array( 'departure'=> 'Nice', 'arrival'=> 'Tours', 'departureTime'=>'11:00', 'arrivalTime'=>'16:10', 'driver' =>'Edouard'),
array( 'departure'=> 'Tours', 'arrival'=> 'Amboise', 'departureTime'=>'16:00', 'arrivalTime'=>'18:40', 'driver' =>'Priscilla'),
array( 'departure'=> 'Nice', 'arrival'=> 'Nantes', 'departureTime'=>'12:00', 'arrivalTime'=>'16:00', 'driver' =>'Charlotte')
);
Est ce que quelqu'un peut m'aider a resoudre ce probleme
Merci d'avance
est quelqu’un peut m'aider á résoudre ce problème que voici : example
Réalisation d’une application
Vous devez travailler pour un site de covoiturage, vos utilisateurs devront passer par un formulaire de contact
pour la mise en relation. L’utilisateur doit choisir sa ville de départ dans une liste, en fonction de la ville choisie,
les différents itinéraires seront proposés.
Première tache :
Créez un formulaire de contact qui contient les champs suivants :
–– Nom
–– Prénom
–– Adresse émail
–– Numéro de téléphone
–– Sélection de la ville de départ
Deuxième tache:
Proposez les voyages possibles.
Lorsque l’utilisateur clique sur « Rechercher », les destinations correspondantes à sa ville de départ sont
proposées.
voici ce que j'ai pu réaliser jusqu’à maintenant:
le code HTML
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="https://ajax.googleapis.com/ajax/libs/j ... "></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstr ... ap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstr ... "></script>
<link href="http://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="style.css">
<title>Document</title>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-lg-10 col-lg-offset-1">
<form id="contact-form" action="handler.php" role="form" method="post">
<div class="row">
<div class="col-md-6">
<label for="fname">Prénom</label>
<input type="text" name="fname" id="fname" class="form-control" placeholder="prenom" value="">
</div>
<div class="col-md-6">
<label for="name">Nom</label>
<input type="text" name="nom" class="form-control" placeholder="nom" value="">
</div>
<div class="col-md-6">
<label for="email">email</label>
<input type="email" name="email" id="email" class="form-control" placeholder="email" value="">
</div>
<div class="col-md-6">
<label for="phone">Téléphone</label>
<input type="tel" name="phone" id="phone" class="form-control" placeholder="téléphone" value="">
</div>
<div class="col-md-12">
<label for="departure">Ville de départ</label>
<select name="departure" id="departure">
<option></option>
<option value="Paris">Paris</option>
<option value="Orleans">Orleans</option>
<option value="Dublin">Dublin</option>
<option value="Nice">Nice</option>
<option value="Tours">Tours</option>
</select>
</div>
<div class="col-md-12">
<input type="submit" name="" class="button1" value="Envoyer">
</div>
</div>
</form>
</div>
</div>
</div>
</body>
</html>
Et le code PHP que voici:
<?php
if (isset($_POST['submit'])) {
$name = $_POST['name'];
$prenom = $_POST['prénom'];
$email = $_POST['email'];
$tel = $_POST['tel'];
}
$name = $_POST['nom'];
$prenom = $_POST['fname'];
$email = $_POST['email'];
$tel = $_POST['phone'];
$departure = $_POST['departure'];
echo $_POST['nom'];
echo "<br>";
echo $_POST['fname'];
echo "<br>";
echo $_POST['email'];
echo "<br>";
echo $_POST['phone'];
echo "<br>";
//echo "Votre ville de départ est : ";
echo "<br>";
echo $_POST['departure'];
echo "<br>";
echo "<br>";
$travels = $_POST['departure'];
$travels = array(
array( 'departure'=> 'Paris', 'arrival'=> 'Nantes', 'departureTime'=>'11:00', 'arrivalTime'=>'11:34', 'driver' =>'Thomas'),
array( 'departure'=> 'Orléans', 'arrival'=> 'Nantes', 'departureTime'=>'05:15', 'arrivalTime'=>'09:32', 'driver' =>'Mathieu'),
array( 'departure'=> 'Dublin', 'arrival'=> 'Tours', 'departureTime'=>'07:23', 'arrivalTime'=>'08:50', 'driver' =>'Nathanael'),
array( 'departure'=> 'Paris', 'arrival'=> 'Orléans', 'departureTime'=>'03:00', 'arrivalTime'=>'05:26', 'driver' =>'Clément'),
array( 'departure'=> 'Paris', 'arrival'=> 'Nice', 'departureTime'=>'10:00', 'arrivalTime'=>'12:09', 'driver' =>'Audrey'),
array('departure'=> 'Nice', 'arrival'=> 'Nantes', 'departureTime'=>'10:40', 'arrivalTime'=>'13:00', 'driver' =>'Pollux'),
array( 'departure'=> 'Nice', 'arrival'=> 'Tours', 'departureTime'=>'11:00', 'arrivalTime'=>'16:10', 'driver' =>'Edouard'),
array( 'departure'=> 'Tours', 'arrival'=> 'Amboise', 'departureTime'=>'16:00', 'arrivalTime'=>'18:40', 'driver' =>'Priscilla'),
array( 'departure'=> 'Nice', 'arrival'=> 'Nantes', 'departureTime'=>'12:00', 'arrivalTime'=>'16:00', 'driver' =>'Charlotte')
);
Est ce que quelqu'un peut m'aider a resoudre ce probleme
Merci d'avance