Dev_Web/web01
Public Access
5
0
Fork 0
Code Issues Projects Wiki Activity

changement a stan

Browse Source
This commit is contained in:
Stan
2025-11-28 11:45:30 -05:00
parent 190e5617d3
commit a653265b1a
5 changed files with 188 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

110
www/aPropos.html
View File

@@ -38,22 +38,122 @@ Contenu minimal de la page de contact de votre site Web :
o Des informations de contact sous forme de :
▪ Des coordonnées (adresse civique, adresse courriel, etc.) (peuvent être fictives)
▪ Une carte interactive (Google maps, etc.)
o Un formulaire de type « contactez-nous » :
▪ Deux zones de texte monolignes
▪ Une zone de texte multilignes
▪ Une liste déroulante
▪ Des choix sous forme de cases à cocher
▪ Des choix sous forme de cases à cocher
▪ Des choix sous forme de boutons radio
▪ Un bouton de réinitialisation du formulaire
▪ Un bouton d’envoi du formulaire
o Lors de son envoi, le formulaire doit faire afficher une nouvelle page contenant un message de remerciement
pour avoir complété le formulaire (ex : reponse.html). Cette page devra être créé en plus des autres pages
o Lors de son envoi, le formulaire doit faire afficher une nouvelle page contenant un message de remerciement
pour avoir complété le formulaire (ex : reponse.html). Cette page devra être créé en plus des autres pages
demandées.
-->
</div>
<div>
<!-- utilisation de get pour avoir les variables dans l'url : page statique -->
<!-- si utilisation de serveur dynamique, changer pour POST -->
<form method="get" action="reponse.html">
<fieldset>
<legend>Informations de contact</legend>
<div>
<label for="nomComplet">Votre nom complet :</label>
<input id="nomComplet" name="nomComplet" type="text" required minlength="3"
placeholder="Prénom Nom">
</div>
<div>
<label for="email">Votre adresse courriel : </label>
<input id="email" name="email" type="email" required placeholder="(ex. vous@fournisseur.com)"
size="30">
</div>
</fieldset>
<fieldset>
<legend>Réponse courte</legend>
<div>
<div class="sidebyside">
<div>
<label class="formInfo">Reviendriez-vous? :</label>
<div class="selecteurRadio">
<input id="radOui" name="rad" type="radio" value="5">
<label for="radOui">Oui</label>
<input id="radNon" name="rad" type="radio" value="10">
<label for="radNon">Non</label>
<input id="radMB" name="rad" type="radio" value="15">
<label for="radMB">Peut-être</label>
</div>
</div>
<div>
<label for="pagePrefs" class="formInfo">Page préféré :</label>
<div>
<select name="page" id="pagePrefs">
<option value="accueil" selected>Page d'accueil</option>
<option value="aPropos">À Propos</option>
<option value="reponse" disabled>Réponse</option>
<option value="histoire">Histoire de DE</option>
<optgroup label="Univers Sci-fi">
<option value="sousPageLore1">Arc 1 : Éveil</option>
<option value="sousPageLore2">Arc 2: Saga de la guerre intérieure</option>
<option value="sousPageLore3">Arc 3: Saga de la nouvelle Guerre</option>
<option value="sousPageLore4">Arc 4: Saga de la guerre du Néant</option>
</optgroup>
<option value="missions">Missions</option>
<option value="armures">Armures</option>
</select>
</div>
</div>
</div>
<div>
<label>Quel personnage voudriez-vous essayer : </label>
<div class="sidebyside">
<!-- test clickable region -->
<label class="clickLabel" for="persoOne" style="background-color: blue;">
<input type="checkbox" id="persoOne" name="persoOne" value="1">
Ember</label>
<input type="checkbox" id="persoTwo" name="persoTwo" value="1">
<label for="persoTwo">Equinox</label>
<input type="checkbox" id="persoThree" name="persoThree" value="1">
<label for="persoThree">Frost</label>
<input type="checkbox" id="persoFour" name="persoFour" value="1">
<label for="persoFour">Koumei</label>
<input type="checkbox" id="persoFive" name="persoFive" value="1">
<label for="persoFive">Rhino</label>
<input type="checkbox" id="persoSix" name="persoSix" value="1">
<label for="persoSix">Sevagoth</label>
<input type="checkbox" id="persoSeven" name="persoSeven" value="1">
<label for="persoSeven">Voruna</label>
</div>
</div>
<div>
<label>Niveau de satisfaction</label>
<input name="niveau" type="range" value="100">
</div>
</div>
</fieldset>
<fieldset>
<legend>Votre appreciations</legend>
<!-- TODO : for="niveau" -->
<textarea name="zoneComment" rows="10" cols="80" placeholder="Quelque chose à ajouter?"></textarea>
</fieldset>
<div class="sidebyside centered">
<button type="submit">Envoyer</button>
<button type="reset">Réinitialiser</button>
</div>
</form>
</div>
</main>
<footer>