-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact-blogge-with-recaptcha.html
70 lines (64 loc) · 3.08 KB
/
contact-blogge-with-recaptcha.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!--Form Code Start Here-->
<div class="widget-title">
</div>
<div class="contact-form-widget">
<div class="form">
<form action="https://formsubmit.co/Email_Kamu" method="POST" name="contact-form" onsubmit="return submitUserForm();" >
<input name="_template" type="hidden" value="table" />
<input name="_subject" type="hidden" value="Preview Inputekno.Com Submission!" />
<input name="_captcha" type="hidden" value="false" />
<input name="_next" type="hidden" value="https://preview.inputekno.com/p/thanks-you.html" />
<div class='formcolumn1'>
<input id="ContactForm1_contact-form-name" class="contact-form-name" name="Name" placeholder='Name' size="30" type="text" value="" />
</div>
<div class='formcolumn2'>
<input id="ContactForm1_contact-form-email" name="Email" placeholder='Email' size="30" type="text" value="" />
</div>
<div class='formcolumn3'>
<input id="ContactForm1_contact-form-name" name="Phone" placeholder='Phone' size="30" type="number" value="" />
</div>
<div class='formcolumn3'>
<textarea cols="25" id="contact-form-email-message" name="Message" placeholder='Message' rows="5"></textarea>
</div>
<div class='formcolumn4'>
<button class='button' id="ContactForm1_contact-form-submit" type="submit" value="Send Now">Send Message</button>
</div>
<div style="max-width: 100%; text-align: center; width: 100%;">
</div>
</form>
<!--Form Code End Here-->
<!--reCaptcha Code Begin Here-->
<div id="g-recaptcha-error"></div>
<div class="g-recaptcha" data-callback="verifyCaptcha" data-sitekey="your_sitekey"></div>
<br /><br /><br /> <br /><br /><br /><br /><br /><br />
<div id="g-recaptcha-error"></div>
<br /><br /><br />
<script src="https://www.google.com/recaptcha/api.js"></script>
<script>
function submitUserForm() {
var response = grecaptcha.getResponse();
if(response.length == 0) {
document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">Solve below reCAPTCHA.</span>';
return false;
}
return true;
}
function verifyCaptcha() {
document.getElementById('g-recaptcha-error').innerHTML = '';
}
</script>
<!--reCaptcha Code Ends Here-->
</div>
</div>
<style scoped="" type="text/css">
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{display:inline-block;width:100%;height:auto;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}
#contact-form-email-message{width:100%;height:250px;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}
#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#contact-form-email-message:focus{background:#fff;outline:none;border-color:rgba(0,0,0,0.18)}
.formcolumn4{position:relative}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{margin-top:35px}
form{color:#888}
.formcolumn1,.formcolumn2{float:left;width:50%}
.formcolumn1,.formcolumn2{margin:0 0 10px 0;padding:0 10px 0 0}
.formcolumn2{padding:0 0 0 10px}
@media only screen and (max-width:768px){.formcolumn1,.formcolumn2{width:100%;padding:0}}
</style>