reCAPTCHA form for Bootstrap 3
A nice way to integrate reCAPTCHA in a Bootstrap 3 form.
HTML
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">
<script type="text/javascript">
var RecaptchaOptions = {
lang: 'tr',
theme: 'custom',
custom_theme_widget: 'wpas-recaptcha'
};
</script>
<div class="well">
<form role="form">
<div id="wpas-recaptcha" style="display:none">
<div class="form-group">
<div id="recaptcha_image"></div>
</div>
<div class="form-group"> <span class="recaptcha_only_if_image">Enter the words above:</span>
<span class="recaptcha_only_if_audio">Enter the numbers you hear:</span>
<input class="form-control" type="text" id="recaptcha_response_field" name="recaptcha_response_field" />
</div>
<div class="form-group">
<div class="btn-group"> <a href="javascript:Recaptcha.reload()" title="Get another CAPTCHA" class="btn btn-default btn-sm"><span aria-hidden="true" class="glyphicon glyphicon-refresh"></span></a>
<a href="javascript:Recaptcha.switch_type('audio')" title="Get an audio CAPTCHA" class="recaptcha_only_if_image btn btn-default btn-sm"><span aria-hidden="true" class="glyphicon glyphicon-volume-up"></span></a>
<a href="javascript:Recaptcha.switch_type('image')" title="Get an image CAPTCHA" class="recaptcha_only_if_audio btn btn-default btn-sm"><span aria-hidden="true" class="glyphicon glyphicon-picture"></span></a>
<a href="javascript:Recaptcha.showhelp()" title="Help" class="btn btn-default btn-sm"><span aria-hidden="true" class="glyphicon glyphicon-question-sign"></span></a>
</div>
</div>
</div>
<script type="text/javascript" src="http://www.google.com/recaptcha/api/challenge?k=6LeLz-oSAAAAADxey_3P8sLkx_zPcpDVVwhUjKme"></script>
<noscript>
<iframe src="http://www.google.com/recaptcha/api/noscript?k=6LeLz-oSAAAAADxey_3P8sLkx_zPcpDVVwhUjKme" height="300" width="500"...