80 lines
3.1 KiB
Markdown
80 lines
3.1 KiB
Markdown
<form id="contact_form" action="https://api.web3forms.com/submit" method="POST">
|
||
|
||
<!-- REQUIRED: Your Access key here. Don't worry this can be public -->
|
||
<input type="hidden" name="access_key" value="9d4fd4c8-7404-469c-8ab9-75a852f89d00">
|
||
|
||
<!-- Optional: Subject an be prefilled using type="hidden"
|
||
or type="text" for normal user submitted input -->
|
||
<input type="hidden" name="subject" value="[frodr.com] New submission">
|
||
|
||
<!-- Optional: From Name you want to see in the email
|
||
Default is "Notifications". you can overwrite here -->
|
||
<input type="hidden" name="from_name" value="frodr.com">
|
||
|
||
<!-- Optional: To send the form submission as CC email
|
||
This feature available to PRO Plan users only -->
|
||
<!--input type="hidden" name="ccemail" value="partner@example.com"-->
|
||
|
||
<!-- Optional: Default replyto will be "email" (if available)
|
||
you may overwrite replyto with different email here -->
|
||
<!--input type="hidden" name="replyto" value="customer@example.com"-->
|
||
|
||
<!-- Required: If submitting form without Javascript.
|
||
Default web3forms output is in JSON format. -->
|
||
<!-- Not Required: If javascript, use "window.location.hash" instead -->
|
||
<!--input type="hidden" name="redirect" value="https://web3forms.com/success"-->
|
||
|
||
<!-- Optional: But Recommended: To Prevent SPAM Submission.
|
||
Make sure its hidden by default -->
|
||
<input type="checkbox" name="botcheck" class="hidden" style="display: none;">
|
||
|
||
<!-- Webhooks: Send your form data to Notion, Google Sheets or Zapier.
|
||
This feature available to PRO & Starter Plan users only -->
|
||
<!--input type="hidden" name="webhook" value="WEBHOOK_URL_HERE" /-->
|
||
|
||
<!-- Google reCaptcha v3: To Prevent SPAM Submission.
|
||
This feature available to PRO & Starter Plan users only -->
|
||
<!--input type="hidden" name="recaptcha_response" id="recaptchaResponse"-->
|
||
|
||
<!-- Attachments: Make sure the <form> has enctype="multipart/form-data"
|
||
This feature available to PRO Plan users only -->
|
||
<!--input type="file" name="attachment" /-->
|
||
|
||
<!-- Custom Form Data: Form data you wish to receive in email. -->
|
||
<table>
|
||
<tr>
|
||
<td>E-mail:</td><td><input type="email" name="Email" required></td>
|
||
</tr>
|
||
<tr>
|
||
<td>Name:</td><td><input type="text" name="Name" required></td>
|
||
</tr>
|
||
<tr>
|
||
<td>Message:</td><td><textarea name="message" maxlength="1000" style="width: 500px; height: 250px;" required></textarea></td>
|
||
</tr>
|
||
<tr>
|
||
<td> </td><td><div class="h-captcha" data-captcha="true"></div></td>
|
||
</tr>
|
||
<tr>
|
||
<td> </td><td style="text-align: right;"><button type="submit">Send message</button></td>
|
||
</tr>
|
||
</table>
|
||
|
||
</form>
|
||
|
||
<script src="https://web3forms.com/client/script.js" async defer></script>
|
||
|
||
<script>
|
||
const form = document.getElementById('contact_form');
|
||
|
||
form.addEventListener('submit', function(e) {
|
||
|
||
const hCaptcha = form.querySelector('textarea[name=h-captcha-response]').value;
|
||
|
||
if (!hCaptcha) {
|
||
e.preventDefault();
|
||
alert("Please fill out captcha field")
|
||
return
|
||
}
|
||
});
|
||
</script>
|