Pauline/NDI-2020
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update formulaire

Browse Source
This commit is contained in:
Sébastien Marro 2020-12-04 01:14:51 +01:00
parent fdab241a5c
commit 86506b11de
2 changed files with 38 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
css/formulaire.css Normal file
View File

@ -0,0 +1,24 @@
h1 {
text-align: center;
}
legend {
margin: 0 auto;
margin-top: 3%;
}
fieldset{
margin: 0 auto;
width: 70%;
}
form {
text-align: center;
}
input[type="submit"]{
font-size: 15px;
padding: 5px;
}

23
formulaire.html
View File

@ -2,17 +2,20 @@
<html> <html>
<header> <header>
<meta charset="UTF-8"/> <meta charset="UTF-8"/>
<link rel="stylesheet" href="css/formulaire.css" />
</header> </header>
<body>
<form method="post" action="./traitement.php" name="formulaire"> <form method="post" action="./traitement.php" name="formulaire">
<h1>Session de surf</h1> <h1>Session de surf</h1>
<fieldset> <fieldset id="name_fieldset">
<legend>Nom et Prénom</legend> <legend>Nom et Prénom</legend>
<input type="text" name="formulaire[nom]" placeholder="Nom" required> <input type="text" name="formulaire[nom]" placeholder="Nom" required>
<input type="text" name="formulaire[prenom]" placeholder="Prénom" required> <input type="text" name="formulaire[prenom]" placeholder="Prénom" required>
</fieldset> </fieldset>
<fieldset> <fieldset id="localisation_fieldset">
<legend>Lieu et période</legend> <legend>Lieu et période</legend>
<select name="spot" id="spot" placeholder="Spot" required> <select name="spot" id="spot" placeholder="Spot" required>
<option value="ville1">Ville 1</option> <option value="ville1">Ville 1</option>
@ -34,7 +37,7 @@
</fieldset> </fieldset>
<fieldset> <fieldset id="product_fieldset">
<legend>Produits utilisés</legend> <legend>Produits utilisés</legend>
<input type="checkbox" name="creme_solaire" id="creme_solaire" /> <input type="checkbox" name="creme_solaire" id="creme_solaire" />
@ -64,7 +67,7 @@
</fieldset> </fieldset>
<fieldset> <fieldset id="population_fieldset">
<legend>Fréquentation</legend> <legend>Fréquentation</legend>
<label for="baigneurs">Nombre de baigneurs</label> <label for="baigneurs">Nombre de baigneurs</label>
@ -84,38 +87,39 @@
</fieldset> </fieldset>
<fieldset> <fieldset id="pollution_fieldset">
<legend>Pollution</legend> <legend>Pollution</legend>
<input type="checkbox" name="microplastique" id="microplastique" />
<label for="quantite_microplastique">Microplastique</label> <label for="quantite_microplastique">Microplastique</label>
<select name="quantite_microplastique" id="quantite_microplastique" > <select name="quantite_microplastique" id="quantite_microplastique" >
<option value="Aucun">Aucun</option>
<option value="un_peu">Un peu</option> <option value="un_peu">Un peu</option>
<option value="moyen">Moyen</option> <option value="moyen">Moyen</option>
<option value="beaucoup">Beaucoup</option> <option value="beaucoup">Beaucoup</option>
</select> </select>
<input type="checkbox" name="dechets" id="dechets" />
<label for="dechets_select">Gros déchets plastiques</label> <label for="dechets_select">Gros déchets plastiques</label>
<select name="dechets_select" id="dechets_select" > <select name="dechets_select" id="dechets_select" >
<option value="Aucun">Aucun</option>
<option value="un_peu">Un peu</option> <option value="un_peu">Un peu</option>
<option value="moyen">Moyen</option> <option value="moyen">Moyen</option>
<option value="beaucoup">Beaucoup</option> <option value="beaucoup">Beaucoup</option>
</select> </select>
<input type="checkbox" name="petrole" id="petrole" />
<label for="petrole_select">Pétrole</label> <label for="petrole_select">Pétrole</label>
<select name="petrole_select" id="petrole_select"> <select name="petrole_select" id="petrole_select">
<option value="Aucun">Aucun</option>
<option value="un_peu">Un peu</option> <option value="un_peu">Un peu</option>
<option value="moyen">Moyen</option> <option value="moyen">Moyen</option>
<option value="beaucoup">Beaucoup</option> <option value="beaucoup">Beaucoup</option>
</select> </select>
<input type="checkbox" name="autres_pollution" id="autres_pollution" />
<label for="autres_select">Autres (Velo, toilettes...)</label> <label for="autres_select">Autres (Velo, toilettes...)</label>
<select name="autres_select" id="autres_select"> <select name="autres_select" id="autres_select">
<option value="Aucun">Aucun</option>
<option value="un_peu">Un peu</option> <option value="un_peu">Un peu</option>
<option value="moyen">Moyen</option> <option value="moyen">Moyen</option>
<option value="beaucoup">Beaucoup</option> <option value="beaucoup">Beaucoup</option>
@ -126,4 +130,5 @@
<input type="submit" value="Envoyer" /> <input type="submit" value="Envoyer" />
</form> </form>
</body>
</html> </html>