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 !
|
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>
|
|
||||||
|
|
Loading…
Reference in a new issue