contact-form/templates/form.html

58 lines
1.9 KiB
HTML
Raw Normal View History

2024-08-16 15:40:49 +02:00
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="/css/frombulma.css">
<link rel="stylesheet" href="/css/styles.css">
<style type="text/css">
.form-line>.input, .form-line>.textarea{
border-color: #aaaaaa;
width:100%;
margin-bottom: 1em;
}
.form-line>.textarea{
min-height: 25em;
}
.form-error{
width: 100%;
border-radius: 4px;
margin-bottom: 1em;
}
.form-alert{
background-color: rgba(255, 0, 0, 0.2);
}
</style>
</head>
<body>
<form method="post">
<input type="hidden" name="token" value={{token}}>
<div class="form-line field">
<label class="label" for=email>Adresse de courriel</label>
<div class="form-line control">
<input class="input" id="email" type="email" name="email" value="{{email}}" required/>
</div>
</div>
<div class="form-line field">
<label class="label" for="message">Votre message</label>
</div>
<div class="form-line field">
<textarea class="textarea" id="message" name="message" rows="20" minlength="100" maxlength="10000" required>{{message}}</textarea>
</div>
<div class="form-line field">
<label class="label" for="captcha">Vérification dhumanité: combien font {{first_number}} {{op_text}} {{second_number}} ?</label>
</div>
<div class="form-line field">
<input class="input {% if captcha_error %}form-alert{% endif %}" id="captcha" type="number" name="captcha" min="-10" max="100" required />
</div>
{% if captcha_error %}
<div class="form-error">Le captcha est invalide veuillez réessayer</div>
{% endif %}
<div class="form-line field">
<input class="button is-link" type="submit" value="Envoyer" />
</div>
</form>
</body>
</html>