NDI-2020/formulaire.html

180 lines
7.4 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 03:05:23 +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 03:05:23 +01:00
<legend> Lieu et période </legend>
<label for="spot">Spot</label>
<select name="spot" id="spot" required>
2020-12-04 04:37:23 +01:00
<option value="nice">Nice</option>
<option value="roquebrune">Roquebrune Cap Martin</option>
<option value="monaco">Monaco</option>
<option value="cap_d_ail">Cap d'Ail</option>
<option value="beaulieu">Beaulieu</option>
<option value="eze">Eze</option>
<option value="stjeancapferrat">Saint-Jean-Cap-Ferrat</option>
<option value="villefranche">Villefranche sur Mer</option>
<option value="menton">Menton</option>
<option value="stlaurentduvar">Saint-Laurent-du-Var</option>
<option value="cagnessurmer">Cagnes sur Mer</option>
<option value="villeneuveloubet">Villeneuve-Loubet</option>
<option value="ingolstadt_germany">Ingolstadt</option>
<option value="juanlespins">Juan les Pins</option>
<option value="antibes">Antibes</option>
<option value="capantibes">Cap d'Antibes</option>
<option value="antibes">Antibes</option>
<option value="golfjuan">Golfe Juan</option>
<option value="cannes">Cannes</option>
<option value="canneslabocca">Cannes La Bocca</option>
<option value="mandelieu">Mandelieu</option>
<option value="theoule">Théoules sur Mer</option>
<option value="iles">Iles de Lérins</option>
2020-12-04 00:01:28 +01:00
</select>
2020-12-04 03:05:23 +01:00
<br />
2020-12-04 00:01:28 +01:00
<label>Date de début</label>
<input type="date" name="date-debut" value="1776-10-01" min="1776-10-01" max="2100-12-31"/>
2020-12-04 03:05:23 +01:00
<br />
2020-12-04 00:01:28 +01:00
<label>Date de fin</label>
<input type="date" name="date-fin" value="1776-10-01" min="1776-10-01" max="2100-12-31"/>
2020-12-04 03:05:23 +01:00
<br />
2020-12-04 00:01:28 +01:00
<label>Heure début</label>
2020-12-04 04:37:23 +01:00
<input type="time" id="begin-time" name="begin-time" min="00:00" max="23:59" required>
2020-12-04 03:05:23 +01:00
<br />
2020-12-04 00:01:28 +01:00
<label>Heure de fin</label>
2020-12-04 04:37:23 +01:00
<input type="time" id="bend-time" name="end-time" min="00:00" max="23:59" required>
2020-12-04 00:01:28 +01:00
</fieldset>
2020-12-04 01:14:51 +01:00
<fieldset id="product_fieldset">
2020-12-04 03:05:23 +01:00
<legend> Produits utilisés </legend>
<div>
<input type="checkbox" name="creme_solaire" id="creme_solaire" />
<label for="creme_solaire">Crème solaire</label>
</div>
<div>
<input type="checkbox" name="parfum" id="parfum" />
<label for="parfum">Parfum/Déodorant</label>
</div>
<div>
<input type="checkbox" name="creme_hydratante" id="creme_hydratante" />
<label for="creme_hydratante">Crème hydratante</label>
</div>
2020-12-04 00:35:47 +01:00
2020-12-04 03:05:23 +01:00
<div>
<input type="checkbox" name="maquillage" id="maquillage" />
<label for="maquillage">Maquillage</label>
</div>
2020-12-04 00:35:47 +01:00
2020-12-04 03:05:23 +01:00
<div>
<input type="checkbox" name="cigarettes" id="cigarettes" />
<label for="cigarettes">Cigarettes</label>
</div>
2020-12-04 00:35:47 +01:00
2020-12-04 03:05:23 +01:00
<div>
<input type="checkbox" name="engrais" id="engrais" />
<label for="engrais">Engrais/Pesticides</label>
</div>
2020-12-04 00:35:47 +01:00
2020-12-04 03:05:23 +01:00
<div>
<input type="checkbox" name="peinture" id="peinture" />
<label for="peinture">Peinture</label>
</div>
2020-12-04 00:35:47 +01:00
2020-12-04 03:05:23 +01:00
<div>
<input type="checkbox" name="autres_produits" id="autres_produits" />
<label for="autres_produits">Autres</label>
</div>
2020-12-04 00:35:47 +01:00
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 03:05:23 +01:00
<legend> Fréquentation </legend>
2020-12-04 00:35:47 +01:00
<label for="baigneurs">Nombre de baigneurs</label>
<input type="number" name="nb_baigneurs" id="baigneurs" value=0 min=0 max=100/>
2020-12-04 03:05:23 +01:00
<br />
2020-12-04 00:35:47 +01:00
<label for="baigneurs">Nombre de pratiquants d'activités nautiques</label>
<input type="number" name="pratiquant" id="pratiquant" value=0 min=0 max=100/>
2020-12-04 03:05:23 +01:00
<br />
2020-12-04 00:35:47 +01:00
<label for="baigneurs">Bâteaux de pêche</label>
<input type="number" name="bateau_peche" id="bateau_peche" value=0 min=0 max=100/>
2020-12-04 03:05:23 +01:00
<br />
2020-12-04 00:35:47 +01:00
<label for="baigneurs">Bâteaux de loisir</label>
<input type="number" name="bateau_loisir" id="bateau_loisir" value=0 min=0 max=100/>
2020-12-04 03:05:23 +01:00
<br />
2020-12-04 00:35:47 +01:00
<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 03:05:23 +01:00
<legend> Pollution </legend>
2020-12-04 01:14:51 +01:00
2020-12-04 03:05:23 +01:00
<div>
<label for="quantite_microplastique">Microplastique</label>
<select name="quantite_microplastique" id="quantite_microplastique" >
<option value="Aucun">Aucun</option>
<option value="un_peu">Un peu</option>
<option value="moyen">Moyen</option>
<option value="beaucoup">Beaucoup</option>
</select>
</div>
<div>
<label for="dechets_select">Gros déchets plastiques</label>
<select name="dechets_select" id="dechets_select" >
<option value="Aucun">Aucun</option>
<option value="un_peu">Un peu</option>
<option value="moyen">Moyen</option>
<option value="beaucoup">Beaucoup</option>
</select>
<div>
<div>
<label for="petrole_select">Pétrole</label>
<select name="petrole_select" id="petrole_select">
<option value="Aucun">Aucun</option>
<option value="un_peu">Un peu</option>
<option value="moyen">Moyen</option>
<option value="beaucoup">Beaucoup</option>
</select>
<div>
<div>
<label for="autres_select">Autres (Vélos, toilettes...)</label>
<select name="autres_select" id="autres_select">
<option value="Aucun">Aucun</option>
<option value="un_peu">Un peu</option>
<option value="moyen">Moyen</option>
<option value="beaucoup">Beaucoup</option>
</select>
<div>
2020-12-04 00:35:47 +01:00
</fieldset>
2020-12-04 03:05:23 +01:00
<input type="submit" value="Envoyer" id="submit" text-align="center"/>
2020-12-04 00:35:47 +01:00
2020-12-04 00:01:28 +01:00
</form>
2020-12-04 01:14:51 +01:00
</body>
2020-12-04 00:01:28 +01:00
</html>