<fieldset class="form-group checkboxes">
<legend class="control-label">Even getallen</legend>
<div class="field-container">
<div class="checkbox">
<label>
<input type="checkbox" name="checkbox_voorbeeld" value="1"
/>
een
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="checkbox_voorbeeld" value="2"
/>
twee
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="checkbox_voorbeeld" value="3"
/>
drie
</label>
</div>
<p class="help-block" id="helpTextId_checkbox_voorbeeld">Selecteer alle even getallen</p>
</div>
</fieldset>
<fieldset class="form-group checkboxes">
<legend class="control-label">{{ label }}</legend>
<div class="field-container">
{{#each options }}
<div class="checkbox">
<label>
<input type="checkbox" name="{{ ../id }}" value="{{ value }}"
{{{ifattr 'disabled' disabled }}}
{{{ifattr 'readonly' readonly }}}
{{{ifattr 'checked' checked }}} />
{{ label }}
</label>
</div>
{{/each}}
{{#if helpText }}
{{> '@help-block' }}
{{/if}}
</div>
</fieldset>
id: checkbox_voorbeeld
label: Even getallen
helpText: Selecteer alle even getallen
options:
- value: 1
label: een
- value: 2
label: twee
- value: 3
label: drie
There are no notes for this item.
This label's "for" attribute contains an ID that does not exist in the document fragment.
<label>
<input type="checkbox" name="checkbox_voorbeeld" value="1">
een
</label>
This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
<legend class="control-label">Even getallen</legend>
Check that the title element describes the document.
<title>Default
Check that a change of context does not occur when this input field receives focus.
<input type="checkbox" name="checkbox_voorbeeld" value="1">
If an input error is automatically detected in this form, check that the item(s) in error are identified and the error(s) are described to the user in text.
<form class="form-horizontal">
<fieldset class="form-group checkboxes">
<legend class="control-label">Even getallen</legend>
<div class="field-container">
<div class="checkbox">
<label>
<input type="checkbox" name="checkbox_voorbeeld" value="1">
een
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="checkbox_voorbeeld" value="2">
twee
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="checkbox_voorbeeld" value="3">
drie
</label>
</div>
<p class="help-block" id="helpTextId_checkbox_voorbeeld">Selecteer alle even getallen</p>
</div>
</fieldset>
<button type="submit" class="hidden">VALIDATOR_ONLY</button>
</form>
Check that descriptive labels or instructions (including for required fields) are provided for user input in this form.
<form class="form-horizontal">
<fieldset class="form-group checkboxes">
<legend class="control-label">Even getallen</legend>
<div class="field-container">
<div class="checkbox">
<label>
<input type="checkbox" name="checkbox_voorbeeld" value="1">
een
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="checkbox_voorbeeld" value="2">
twee
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="checkbox_voorbeeld" value="3">
drie
</label>
</div>
<p class="help-block" id="helpTextId_checkbox_voorbeeld">Selecteer alle even getallen</p>
</div>
</fieldset>
<button type="submit" class="hidden">VALIDATOR_ONLY</button>
</form>
Check that this form provides suggested corrections to errors in user input, unless it would jeopardize the security or purpose of the content.
<form class="form-horizontal">
<fieldset class="form-group checkboxes">
<legend class="control-label">Even getallen</legend>
<div class="field-container">
<div class="checkbox">
<label>
<input type="checkbox" name="checkbox_voorbeeld" value="1">
een
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="checkbox_voorbeeld" value="2">
twee
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="checkbox_voorbeeld" value="3">
drie
</label>
</div>
<p class="help-block" id="helpTextId_checkbox_voorbeeld">Selecteer alle even getallen</p>
</div>
</fieldset>
<button type="submit" class="hidden">VALIDATOR_ONLY</button>
</form>
If this form would bind a user to a financial or legal commitment, modify/delete user-controllable data, or submit test responses, ensure that submissions are either reversible, checked for input errors, and/or confirmed by the user.
<form class="form-horizontal">
<fieldset class="form-group checkboxes">
<legend class="control-label">Even getallen</legend>
<div class="field-container">
<div class="checkbox">
<label>
<input type="checkbox" name="checkbox_voorbeeld" value="1">
een
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="checkbox_voorbeeld" value="2">
twee
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="checkbox_voorbeeld" value="3">
drie
</label>
</div>
<p class="help-block" id="helpTextId_checkbox_voorbeeld">Selecteer alle even getallen</p>
</div>
</fieldset>
<button type="submit" class="hidden">VALIDATOR_ONLY</button>
</form>