Skip to content

Instantly share code, notes, and snippets.

@Angel-Informatico

Angel-Informatico/form-with-recaptcha.markdown

Created May 14, 2022 10:06
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save Angel-Informatico/957721215257022ef29e660d7ac4102b to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save Angel-Informatico/957721215257022ef29e660d7ac4102b to your computer and use it in GitHub Desktop.
Download ZIP
Form with reCAPTCHA
Raw
index.html
<div style="background:#2089ff;padding:20px;color:#fff"
<p>This form uses <a href="https://www.form-data.com">form-data.com</a> as a codeless backend to handle submissions</p>
<p>The reCAPTCHA below is validated automatically by form-data.com</p></div>
<!--you can put this line anywhere in the site-->
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<!--NOTE THE ACTION IS POINTING TO form-data.com-->
<form action="https://api.form-data.com/f/bqtxth46icif4r4ot1p5qn" method="post">
<p>
<label for="firstname">First name</label>
<input type="text" name="firstname" id="firstname"/>
</p>
<p>
<label for="firstname">Email</label>
<input type="text" name="email" id="email"/>
</p>
<div class="g-recaptcha"
data-sitekey="6Lel4Z4UAAAAAOa8LO1Q9mqKRUiMYl_00o5mXJrR"></div>
<p>
<button type="submit">Submit</button>
</p>
</form>
Raw
style.css
* {
font-family: Helvetica;
}
label {
width: 90px;
display: inline-block;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment