Example 1
if ($_SERVER["REQUEST_METHOD"] == "POST" && Form::testToken('plugins-hcaptcha-form-1') === true) {
// create validator & auto-validate required fields
$validator = Form::validate('plugins-hcaptcha-form-1');
// hcaptcha validation
$validator->hcaptcha('hcaptcha-secret-key', 'Captcha Error')->validate('h-captcha-response');
}
$form = new Form('plugins-hcaptcha-form-1', 'vertical');
$form->addInput('text', 'name', '', 'Your name', 'required');
$form->addHcaptcha('hcaptcha-site-key', 'class=text-center');
$form->centerContent();
$form->addBtn('submit', 'submit-btn', 1, 'Send <i class="bi bi-envelope append" aria-hidden="true"></i>', 'class=btn btn-primary');
<div class="bs5-form-stacked-element mb-3">
<label for="name" class="form-label">
Your name <sup class="text-danger">* </sup>
</label>
<input id="name" name="name" type="text" value="" required class="form-control">
</div>
<div class="bs5-form-stacked-element mb-3">
<div id="hcaptcha-plugins-hcaptcha-form-1" data-sitekey="321856aa-ff29-4ab6-840a-8db73ca51dbf" class="text-center h-captcha"></div>
<br>
</div>
<div class="mb-3 phpfb-centered">
<button type="submit" name="submit-btn" value="1" class="btn btn-primary">
Send <i class="bi bi-envelope append" aria-hidden="true"></i>
</button>
</div>
Example 2 - Compact dark HCaptcha
if ($_SERVER["REQUEST_METHOD"] == "POST" && Form::testToken('plugins-hcaptcha-form-2') === true) {
// create validator & auto-validate required fields
$validator = Form::validate('plugins-hcaptcha-form-2');
// hcaptcha validation
$validator->hcaptcha('hcaptcha-secret-key', 'Captcha Error')->validate('h-captcha-response');
}
$form = new Form('plugins-hcaptcha-form-2', 'vertical');
$form->addInput('text', 'name', '', 'Your name', 'required');
$form->addHcaptcha('321856aa-ff29-4ab6-840a-8db73ca51dbf', 'class=text-center, data-theme=dark, data-size=compact');
$form->centerContent();
$form->addBtn('submit', 'submit-btn', 1, 'Send <i class="bi bi-envelope append" aria-hidden="true"></i>', 'class=btn btn-primary');
<div class="bs5-form-stacked-element mb-3">
<label for="name" class="form-label">
Your name <sup class="text-danger">* </sup>
</label>
<input id="name" name="name" type="text" value="" required class="form-control">
</div>
<div class="bs5-form-stacked-element mb-3">
<div id="hcaptcha-plugins-hcaptcha-form-2" data-sitekey="321856aa-ff29-4ab6-840a-8db73ca51dbf" class="text-center h-captcha" data-theme="dark" data-size="compact"></div>
<br>
</div>
<div class="mb-3 phpfb-centered">
<button type="submit" name="submit-btn" value="1" class="btn btn-primary">
Send <i class="bi bi-envelope append" aria-hidden="true"></i>
</button>
</div>