Make it yours
This records signup interest only. It does not send newsletters or add contacts to a mailing platform. Add your own consent wording and connect your mailing tool through a webhook.
Native submission works without JavaScript. New non-spam submissions are emailed to the owner’s verified email after signing in once through an emailed link. You can also use the dashboard or integrations. File uploads: not yet.
HTML
<form class="contact-form" action="https://formdrop.wouldairecommend.workers.dev/f/YOUR_FORM_ID" method="POST">
<label for="name">Your name</label>
<input id="name" name="name" autocomplete="name" required>
<label for="email">Email</label>
<input id="email" name="email" type="email" autocomplete="email" required>
<label for="interests">What would you like to read?</label>
<input id="interests" name="interests" type="text" required>
<input name="_gotcha" tabindex="-1" autocomplete="off" hidden>
<p>We will use these details to respond to your request.</p>
<button type="submit">Send request</button>
</form>CSS
.contact-form { max-width: 32rem; display: grid; gap: .75rem; font: 1rem/1.5 system-ui; }
.contact-form input, .contact-form textarea, .contact-form button { font: inherit; padding: .75rem; border: 1px solid #777; border-radius: .5rem; }
.contact-form textarea { min-height: 8rem; }
.contact-form button { background: #14684c; color: white; cursor: pointer; }
.contact-form :focus-visible { outline: 3px solid #0ea371; outline-offset: 3px; }