Fix: améliore le formulaire de contact
This commit is contained in:
parent
5562e22840
commit
35e13d9839
1 changed files with 49 additions and 21 deletions
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue