Example 1
$form = new Form('plugins-captcha-form-1', 'horizontal');
$form->addInput('text', 'j-captcha-input', '', 'Type in result please', 'class=jCaptcha');
$form->addBtn('submit', 'submit-btn', 1, 'Submit', 'class=btn btn-primary', '');
<div class="row mb-3">
<label for="j-captcha-input" class="col-sm-4 col-form-label">
Type in result please
</label>
<div class="col-sm-8">
<input id="j-captcha-input" name="j-captcha-input" type="text" value="" class="jCaptcha form-control">
</div>
</div>
<div class="row">
<div class="col-sm-offset-4 col-sm-8">
<button type="submit" name="submit-btn" value="1" class="btn btn-primary">
Submit
</button>
</div>
</div>
Example 2 - JS Captcha with custom challenge color and custom error text
$form = new Form('plugins-captcha-form-2');
$form->addInput('text', 'j-captcha-input-2', '', 'Type in result please', 'class=jCaptcha, data-color=#f00, data-error-text=This is a custome error text');
$form->addBtn('submit', 'submit-btn', 1, 'Submit', 'class=btn btn-primary', '');
<div class="row mb-3">
<label for="j-captcha-input-2" class="col-sm-4 col-form-label">
Type in result please
</label>
<div class="col-sm-8">
<input id="j-captcha-input-2" name="j-captcha-input-2" type="text" value="" class="jCaptcha form-control" data-color="#f00" data-error-text="This is a custome error text">
</div>
</div>
<div class="row">
<div class="col-sm-offset-4 col-sm-8">
<button type="submit" name="submit-btn" value="1" class="btn btn-primary">
Submit
</button>
</div>
</div>