formulaire dynamique par LoicKoufana - page 1

Salut

Commence par

https://openclassrooms.com/fr/courses/3306901-creez-des-pages-web-interactives-avec-javascript/3514956-manipulez-les-formulaires

puis cherche sur google formulaire dynamique pour arriver à creer quelque chose qui ressemble à

<html> <head> <title>Formulaire</title> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>

<style>
#container1 { background-color: #e2dada; }
.centered-form { margin-top: 120px; margin-bottom: 120px; }
.centered-form .panel { background: rgba(255, 255, 255, 0.8); box-shadow: rgba(0, 0, 0, 0.3) 20px 20px 20px;
}
</style> </head> <body>

<div class="container">
<div class="container" id="container1">
 <div class="row centered-form">
  <div class="col-xs-12 col-sm-8 col-md-4 col-sm-offset-2 col-md-offset-4">
   <div class="panel panel-default">
    <div class="panel-heading"> <h3 class="panel-title text-center">Remplir les champs</h3> </div>
      <div class="panel-body">
       <form role="form">
	<label for="depart">Departement :</label>
<select name="depart" id="depart">
    <option value="75">Paris</option>
    <option value="94">Val de marne</option>
    <option value="13">Marseille</option>
</select>

	<label for="arrond"> Arrondissement:</label>
<select name="arrond" id="arrond">
    <option value="15">75015</option>
    <option value="16">75016</option>
    <option value="17">75017</option>
</select>
	</div>
	  <input type="submit" value="Enregister" class="btn btn-info btn-block">
      </form>

</div> </div> </div> </div>

<script>
document.getElementById("depart").addEventListener("change", function (e) {
    console.log("Code de depart : " + e.target.value);
}); 

</script></body> </html>

Et je suis sûr que dans peu de temps, l'idée d'un tableau pour énumérer les arrondissements pour chaque département va faire son effet.

Attention: La partie département est volontairement lisible pour 75015 mais faut que tu puisse changer son contenu et son tilte suivant l’événement hover pour le département.

LoicKoufana

3 décembre 2019 à 3:29:03

Salut! SVP je voudrais créer un formulaire d'enregistrement d'un visiteur sur mon avec les champs DÉPARTEMENT et ARRONDISSEMENT de tel sort que lorsque je choisi un certain département ses arrondissement s'affichent dans le champ arrondissement!! comment faire!?

Yaroo

8 décembre 2019 à 11:01:00

formulaire dynamique

formulaire dynamique

Supprimer

Modérer

Signaler le message aux modérateurs