Fix: meilleur formulaire de contact
This commit is contained in:
parent
71197e95b9
commit
05961e7b29
1 changed files with 44 additions and 8 deletions
|
@ -14,32 +14,68 @@ N'hésitez pas à me laisser un petit message :)
|
||||||
<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="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">
|
||||||
<input type="text" id="subject" minlength=10 name="subject" required>
|
|
||||||
|
| Objet
|
||||||
|
|
||||||
|
.. raw:: html
|
||||||
|
|
||||||
|
</label>
|
||||||
|
<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 minlength=10 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">
|
||||||
|
|
||||||
|
| Envoyer
|
||||||
|
|
||||||
|
.. raw:: html
|
||||||
|
|
||||||
|
</button>
|
||||||
</footer>
|
</footer>
|
||||||
</form>
|
</form>
|
||||||
|
|
Loading…
Reference in a new issue