Fix: améliore le formulaire de contact

This commit is contained in:
Kujiu 2020-06-03 16:11:06 +02:00
parent 5562e22840
commit 35e13d9839
Signed by: kujiu
GPG key ID: ABBB2CAC6855599F

View file

@ -17,10 +17,6 @@ Contact
Une question ? Un besoin particulier ? Dites-le via ce formulaire ! Une question ? Un besoin particulier ? Dites-le via ce formulaire !
.. raw:: html
<div class="flexgroup"><div>
Tous les champs sont requis. Tous les champs sont requis.
.. raw:: html .. raw:: html
@ -28,46 +24,82 @@ Tous les champs sont requis.
<form action="/submit/" method="GET"> <form action="/submit/" method="GET">
<main> <main>
<div class="formctl"> <div class="formctl">
<label for="name">Nom</label> <label for="name">
| Nom
.. raw:: html
</label>
<input type="text" id="name" name="name" required minlength=5> <input type="text" id="name" name="name" required minlength=5>
<span class="validity"></span> <span class="validity"></span>
</div> </div>
<div class="formctl"> <div class="formctl">
<label for="email">Adresse de courriel</label> <label for="email">
| Adresse de courriel
.. raw:: html
</label>
<input type="email" minlength=5 id="email" name="email" required> <input type="email" minlength=5 id="email" name="email" required>
<span class="validity"></span> <span class="validity"></span>
</div> </div>
<div class="formctl"> <div class="formctl">
<label for="phone">Téléphone (sous la forme +32(0)23198880)</label> <label for="phone">
| Téléphone (sous la forme +32(0)28889342)
.. raw:: html
</label>
<input type="text" pattern="[ +()0-9]*" id="phone" name="phone" required> <input type="text" pattern="[ +()0-9]*" id="phone" name="phone" required>
<span class="validity"></span> <span class="validity"></span>
</div> </div>
<div class="formctl"> <div class="formctl">
<label for="result">Combien d'éléments dans une douzaine ?</label> <label for="result">
| Combien d'éléments dans une douzaine ?
.. raw:: html
</label>
<input type="text" pattern="[0-9]*" id="result" name="result" required> <input type="text" pattern="[0-9]*" id="result" name="result" required>
<span class="validity"></span> <span class="validity"></span>
</div> </div>
<div class="formctl"> <div class="formctl">
<label for="subject">Objet</label> <label for="subject">
| Objet
.. raw:: html
</label>
<input type="text" id="subject" name="subject" required> <input type="text" id="subject" name="subject" required>
<span class="validity"></span> <span class="validity"></span>
</div> </div>
<div class="formctl"> <div class="formctl">
<label for="message">Votre message</label> <label for="message">
<textarea required id="message" name="message" rows="9"></textarea>
| Votre message
.. raw:: html
</label>
<textarea required id="message" name="message" rows="9" maxlength="3000" minlength="10"></textarea>
<span class="validity"></span> <span class="validity"></span>
</div> </div>
</main> </main>
<footer> <footer>
<button type="submit">Envoyer</button> <button type="submit">
</footer>
</form> | Envoyer
</div>
.. raw:: html .. raw:: html
</div> </button>
<div class="flexgroup"> </footer>
</form>
Coordonnées Coordonnées
~~~~~~~~~~~ ~~~~~~~~~~~
@ -84,7 +116,3 @@ DPO - Responsable GDPR
| Rue Longue 27 Bte K10 | Rue Longue 27 Bte K10
| 1420 Braine-l'Alleud | 1420 Braine-l'Alleud
| Belgium | Belgium
.. raw:: html
</div>