public/Telereview
1
0
Fork 0
mirror of https://git.roussel.pro/telecom-paris/pact.git synced 2026-02-09 10:30:17 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

intégration formulaire avec l'api

Browse Source
This commit is contained in:
Quentin Roussel
2023-03-27 11:41:52 +02:00
parent db3a663bc1
commit ec5b6391f9
9 changed files with 9193 additions and 843 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
code/formulaire/index.html
View File

@@ -5,13 +5,14 @@
<link href="style.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<header>
<div class="banniere d-flex">
<!-- image en baniere -->
<img src="Logo-PACT.svg" class="img-fluid col-12 col-md-6 mx-auto" alt="logo Téléreview" />
<img src="Logo-PACT.svg" class="img-fluid col-12 col-md-6 mx-auto" alt="logo Téléreview" />
</div>
<!-- <div class="col-md-6 offset-md-3">
<p class="titre">
@@ -22,69 +23,68 @@
<main>
<form method="get" action="deuxiemepage.html">
<form method="get" id="form" action="deuxiemepage.html">
<div class="row justify-content-md-center">
<div class="container">
<div class="col-md-6 offset-md-3">
<div class="col-md-6 offset-md-3 form-input">
<p class="sexe">
<label for="sexe">Sexe</label><br>
<select name="sexe" id="sexe">
<option value="femme">Femme</option>
<option value="homme">Homme</option>
<option value="autre">Autre</option>
<select name="auteur_sexe" id="sexe">
<option value="f">Femme</option>
<option value="h">Homme</option>
<option value="a">Autre</option>
</select>
</p>
</div>
<div class="col-md-6 offset-md-3">
<div class="col-md-6 offset-md-3 form-input">
<p class="age">
<label for="age"> Dans quelle tranche d'âge vous situez-vous ?</label>
<select name="age" id="age">
<option value="moins12"> Moins de 12 ans</option>
<option value="medium12-18">12-18 ans</option>
<option value="medium18-30">18-30 ans</option>
<option value="medium30-50">30-50 ans</option>
<option value="medium50-70">50-70 ans</option>
<option value="plus70">Plus de 70 ans</option>
<label for="age"> Dans quelle tranche d'âge vous situez-vous ?</label>
<select name="auteur_age" id="age">
<option value="10"> Moins de 12 ans</option>
<option value="18">12-18 ans</option>
<option value="25">18-30 ans</option>
<option value="40">30-50 ans</option>
<option value="60">50-70 ans</option>
<option value="70">Plus de 70 ans</option>
</select>
</p>
</div>
<div class="col-md-6 offset-md-3">
<div class="col-md-6 offset-md-3 form-input">
<p class="note">
<label for="note"> Quelle note sur 10 donneriez-vous à l'exposition ? </label><br>
<label for="note"> Quelle note sur 10 donneriez-vous à l'exposition ? </label><br>
<p><span id="note-display"></span>/10</p>
<input type="range" id="note-range" min="0" max="10" step="1">
</p>
</div>
<!-- <div class="col-md-6 offset-md-3">
<p class="note">
<label for="note"> Quelle note sur 10 donneriez-vous à l'exposition ? </label><br>
<select name="note" id="note">
<option value="zero">0</option>
<option value="un">1</option>
<option value="deux">2</option>
<option value="trois">3</option>
<option value="quatre">4</option>
<option value="cinq">5</option>
<option value="six">6</option>
<option value="sept">7</option>
<option value="huit">8</option>
<option value="neuf">9</option>
<option value="dix">10</option>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</p>
</div> -->
<div class="col-md-6 offset-md-3 form-input">
<label for="commentaire">Commentaire : </label><br>
<textarea name="commentaire" id="ameliorer"></textarea>
</div>
<div class="col-md-6 offset-md-3">
<p class="commentaire">
<label for="commentaire">Commentaire : </label><br>
<textarea name="ameliorer" id="ameliorer"></textarea>
</p>
</div>
<div class="col-md-6 offset-md-3">
<p class="bonheur">
<label for="bonheur"> Placez votre humeur sur cette barre du bonheur : </label><br>
<input type="range">
</p>
</div>
<div class="col-md-6 offset-md-3">
<input type="submit" class="envoyer btn btn-primary btn-lg w-100" value="Envoyer">
@@ -104,7 +104,7 @@
</p>
</div>
</footer>
<script src="main.js"></script>
</body>
</html>