Tidy form markup
This commit is contained in:
parent
fff613079e
commit
1ff244c6ca
|
@ -4,44 +4,36 @@ layout: default
|
|||
use: [posts]
|
||||
---
|
||||
{% block content %}
|
||||
<p>To send me an email, complete the form below.</p>
|
||||
<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">
|
||||
<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>
|
||||
<div>
|
||||
<label for="name" class="block mb-1">Name</label>
|
||||
<input type="text" class="w-full p-2 mb-4 border border--grey" id="name" required />
|
||||
</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>
|
||||
<div>
|
||||
<label for="email" class="block mb-1">Email</label>
|
||||
<input type="email" class="w-full p-2 mb-4 border border--grey" id="email" required />
|
||||
</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>
|
||||
<div>
|
||||
<label for="subject" class="block mb-1">Subject</label>
|
||||
<input type="text" class="w-full p-2 mb-4 border border--grey" id="subject" required />
|
||||
</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>
|
||||
<div>
|
||||
<label for="message" class="block mb-1">Message</label>
|
||||
<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' %}
|
||||
|
|
Reference in a new issue