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 !
.. raw:: html
<div class="flexgroup"><div>
Tous les champs sont requis.
.. raw:: html
@ -28,46 +24,82 @@ Tous les champs sont requis.
<form action="/submit/" method="GET">
<main>
<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>
<span class="validity"></span>
</div>
<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>
<span class="validity"></span>
</div>
<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>
<span class="validity"></span>
</div>
<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>
<span class="validity"></span>
</div>
<div class="formctl">
<label for="subject">Objet</label>
<label for="subject">
| Objet
.. raw:: html
</label>
<input type="text" id="subject" name="subject" required>
<span class="validity"></span>
</div>
<div class="formctl">
<label for="message">Votre message</label>
<textarea required id="message" name="message" rows="9"></textarea>
<label for="message">
| Votre message
.. raw:: html
</label>
<textarea required id="message" name="message" rows="9" maxlength="3000" minlength="10"></textarea>
<span class="validity"></span>
</div>
</main>
<footer>
<button type="submit">Envoyer</button>
</footer>
</form>
</div>
<button type="submit">
| Envoyer
.. raw:: html
</div>
<div class="flexgroup">
</button>
</footer>
</form>
Coordonnées
~~~~~~~~~~~
@ -84,7 +116,3 @@ DPO - Responsable GDPR
| Rue Longue 27 Bte K10
| 1420 Braine-l'Alleud
| Belgium
.. raw:: html
</div>