opdavies/oliverdavies.uk-old-sculpin
Archived
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Tidy form markup

Browse source
This commit is contained in:
Oliver Davies 2018-10-06 08:41:31 +01:00
parent fff613079e
commit 1ff244c6ca
1 changed files with 24 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
source/contact.html.twig
View file

@ -4,44 +4,36 @@ layout: default
use: [posts]
---
{% block content %}
<div>
<p>To send me an email, complete the form below.</p>
</div>
<form name="contact" method="POST" action="/contact/thanks" data-netlify="true" netlify-honeypot="bot-field">
<div>
<label for="name" class="block mb-1">Name</label>
<input type="text"
class="w-full p-2 mb-4 border border--grey"
name="name"
required>
<input type="text" class="w-full p-2 mb-4 border border--grey" id="name" required />
</div>
<div>
<label for="email" class="block mb-1">Email</label>
<input type="email"
class="w-full p-2 mb-4 border border--grey"
name="email"
required>
<input type="email" class="w-full p-2 mb-4 border border--grey" id="email" required />
</div>
<div>
<label for="subject" class="block mb-1">Subject</label>
<input type="text"
class="w-full p-2 mb-4 border border--grey"
name="subject"
required>
<input type="text" class="w-full p-2 mb-4 border border--grey" id="subject" required />
</div>
<div>
<label for="message" class="block mb-1">Message</label>
<textarea name="message"
class="w-full p-2 mb-4 border border--grey"
rows="5"
required>
</textarea>
<textarea id="message" class="w-full p-2 mb-4 border border--grey" rows="5" required></textarea>
</div>
<button class="button" type="submit">
Send email
</button>
<div>
<button class="button" type="submit">Send email</button>
</div>
<input type="hidden"
name="_next"
value="{{ site.url }}/contact/thanks" />
<input type="text" name="bot-field" class="hidden" />
<input type="hidden" name="_next" value="{{ site.url }}/contact/thanks" />
<input type="text" id="bot-field" class="hidden" />
</form>
{% endblock %}
{% block body_classes 'page--contact' %}