NDI-2020/formulaire.html

134 lines
5.3 KiB
HTML
Raw Normal View History

2020-12-04 00:01:28 +01:00
<!DOCTYPE html>
<html>
<header>
<meta charset="UTF-8"/>
2020-12-04 01:14:51 +01:00
<link rel="stylesheet" href="css/formulaire.css" />
2020-12-04 00:01:28 +01:00
</header>
2020-12-04 01:14:51 +01:00
<body>
2020-12-04 00:01:28 +01:00
<form method="post" action="./traitement.php" name="formulaire">
<h1>Session de surf</h1>
2020-12-04 01:14:51 +01:00
<fieldset id="name_fieldset">
2020-12-04 00:01:28 +01:00
<legend>Nom et Prénom</legend>
2020-12-04 00:35:47 +01:00
<input type="text" name="formulaire[nom]" placeholder="Nom" required>
<input type="text" name="formulaire[prenom]" placeholder="Prénom" required>
2020-12-04 00:01:28 +01:00
</fieldset>
2020-12-04 01:14:51 +01:00
<fieldset id="localisation_fieldset">
2020-12-04 00:01:28 +01:00
<legend>Lieu et période</legend>
2020-12-04 00:35:47 +01:00
<select name="spot" id="spot" placeholder="Spot" required>
2020-12-04 00:01:28 +01:00
<option value="ville1">Ville 1</option>
<option value="ville2">Ville 2</option>
<option value="ville3">Ville 3</option>
</select>
<label>Date de début</label>
<input type="date" name="date-debut" value="1776-10-01" min="1776-10-01" max="2100-12-31"/>
<label>Date de fin</label>
<input type="date" name="date-fin" value="1776-10-01" min="1776-10-01" max="2100-12-31"/>
<label>Heure début</label>
<input type="time" id="begin-time" name="begin-time" min="00:00" max=23:59 required>
<label>Heure de fin</label>
<input type="time" id="bend-time" name="end-time" min="00:00" max=23:59 required>
</fieldset>
2020-12-04 01:14:51 +01:00
<fieldset id="product_fieldset">
2020-12-04 00:01:28 +01:00
<legend>Produits utilisés</legend>
2020-12-04 00:35:47 +01:00
2020-12-04 00:01:28 +01:00
<input type="checkbox" name="creme_solaire" id="creme_solaire" />
2020-12-04 00:35:47 +01:00
<label for="creme_solaire">Crème solaire</label>
<input type="checkbox" name="parfum" id="parfum" />
<label for="parfum">Parfum/Déodorant</label>
<input type="checkbox" name="creme_hydratante" id="creme_hydratante" />
<label for="creme_hydratante">Crème hydratante</label>
2020-12-04 00:01:28 +01:00
2020-12-04 00:35:47 +01:00
<input type="checkbox" name="maquillage" id="maquillage" />
<label for="maquillage">Maquillage</label>
<input type="checkbox" name="cigarettes" id="cigarettes" />
<label for="cigarettes">Cigarettes</label>
<input type="checkbox" name="engrais" id="engrais" />
<label for="engrais">Engrais/Pesticides</label>
<input type="checkbox" name="peinture" id="peinture" />
<label for="peinture">Peinture</label>
<input type="checkbox" name="autres_produits" id="autres_produits" />
<label for="autres_produits">Autres</label>
2020-12-04 00:01:28 +01:00
</fieldset>
2020-12-04 00:35:47 +01:00
2020-12-04 01:14:51 +01:00
<fieldset id="population_fieldset">
2020-12-04 00:35:47 +01:00
<legend>Fréquentation</legend>
<label for="baigneurs">Nombre de baigneurs</label>
<input type="number" name="nb_baigneurs" id="baigneurs" value=0 min=0 max=100/>
<label for="baigneurs">Nombre de pratiquants d'activités nautiques</label>
<input type="number" name="pratiquant" id="pratiquant" value=0 min=0 max=100/>
<label for="baigneurs">Bâteaux de pêche</label>
<input type="number" name="bateau_peche" id="bateau_peche" value=0 min=0 max=100/>
<label for="baigneurs">Bâteaux de loisir</label>
<input type="number" name="bateau_loisir" id="bateau_loisir" value=0 min=0 max=100/>
<label for="baigneurs">Bâteaux à voile</label>
<input type="number" name="bateau_voile" id="bateau_voile" value=0 min=0 max=100/>
</fieldset>
2020-12-04 01:14:51 +01:00
<fieldset id="pollution_fieldset">
2020-12-04 00:35:47 +01:00
<legend>Pollution</legend>
<label for="quantite_microplastique">Microplastique</label>
<select name="quantite_microplastique" id="quantite_microplastique" >
2020-12-04 01:14:51 +01:00
<option value="Aucun">Aucun</option>
2020-12-04 00:35:47 +01:00
<option value="un_peu">Un peu</option>
<option value="moyen">Moyen</option>
<option value="beaucoup">Beaucoup</option>
</select>
2020-12-04 01:14:51 +01:00
2020-12-04 00:35:47 +01:00
<label for="dechets_select">Gros déchets plastiques</label>
<select name="dechets_select" id="dechets_select" >
2020-12-04 01:14:51 +01:00
<option value="Aucun">Aucun</option>
2020-12-04 00:35:47 +01:00
<option value="un_peu">Un peu</option>
<option value="moyen">Moyen</option>
<option value="beaucoup">Beaucoup</option>
</select>
<label for="petrole_select">Pétrole</label>
<select name="petrole_select" id="petrole_select">
2020-12-04 01:14:51 +01:00
<option value="Aucun">Aucun</option>
2020-12-04 00:35:47 +01:00
<option value="un_peu">Un peu</option>
<option value="moyen">Moyen</option>
<option value="beaucoup">Beaucoup</option>
</select>
<label for="autres_select">Autres (Velo, toilettes...)</label>
<select name="autres_select" id="autres_select">
2020-12-04 01:14:51 +01:00
<option value="Aucun">Aucun</option>
2020-12-04 00:35:47 +01:00
<option value="un_peu">Un peu</option>
<option value="moyen">Moyen</option>
<option value="beaucoup">Beaucoup</option>
</select>
</fieldset>
2020-12-04 00:01:28 +01:00
<input type="submit" value="Envoyer" />
</form>
2020-12-04 01:14:51 +01:00
</body>
2020-12-04 00:01:28 +01:00
</html>