Case à cocher simple (regroupé)
Case à cocher simple (regroupé disabled)
Case à cocher simple (regroupé erreur)
Une sélection est obligatoire avec le formulaire checkbox
Case à cocher simple (non regroupé) cet élément est facultatif en mode non regroupé
Case à cocher simple (non regroupé disabled)
Case à cocher simple (non regroupé erreur)
Une sélection est obligatoire avec le formulaire checkbox
HTML
PUG
.form-group(role="group" aria-labelledby="group-checkbox-simple-0")
p#group-checkbox-simple-0.field-label Case à cocher simple (regroupé)
.field-item.checkbox-simple
.item
input(type='checkbox', name='checkbox-simple-input-1', checked)#checkbox-simple-input-1
label(for='checkbox-simple-input-1') Case à cocher 1
a(href='#') avec un lien (ex pdf CGV)
.item
input(type='checkbox', name='checkbox-simple-input-2')#checkbox-simple-input-2
label(for='checkbox-simple-input-2') Case à cocher 2
.item
input(type='checkbox', name='checkbox-simple-input-3')#checkbox-simple-input-3
label(for='checkbox-simple-input-3') Case à cocher 3
.form-group(role="group" aria-labelledby="group-checkbox-simple-1-0")
p#group-checkbox-simple-1-0.field-label Case à cocher simple (regroupé disabled)
.field-item.checkbox-simple
.item
input(type='checkbox', name='checkbox-simple-input-1-1', checked, disabled)#checkbox-simple-input-1-1
label(for='checkbox-simple-input-1-1') Case à cocher 1
.item
input(type='checkbox', name='checkbox-simple-input-1-2', disabled)#checkbox-simple-input-1-2
label(for='checkbox-simple-input-1-2') Case à cocher 2
.form-group.has-error(role="group" aria-labelledby="group-checkbox-simple-2-0" aria-describedby="group-checkbox-simple-error-1" tabindex="-1")
p#group-checkbox-simple-2-0.field-label Case à cocher simple (regroupé erreur)
.field-item.checkbox-simple
.item
input(type='checkbox', name='checkbox-simple-input-2-1')#checkbox-simple-input-2-1
label(for='checkbox-simple-input-2-1') Case à cocher 1
.item
input(type='checkbox', name='checkbox-simple-input-2-2')#checkbox-simple-input-2-2
label(for='checkbox-simple-input-2-2') Case à cocher 2
p#group-checkbox-simple-error-1.help-block Une sélection est obligatoire avec le formulaire checkbox
br/
br/
.form-group
p.field-label Case à cocher simple (non regroupé)
small cet élément est facultatif en mode non regroupé
.field-item.checkbox-simple
.item
input(type='checkbox', name='checkbox-simple-input-3-1')#checkbox-simple-input-3-1
label(for='checkbox-simple-input-3-1') Case à cocher
.form-group
p.field-label Case à cocher simple (non regroupé disabled)
.field-item.checkbox-simple
.item
input(type='checkbox', name='checkbox-simple-input-4-1', disabled)#checkbox-simple-input-4-1
label(for='checkbox-simple-input-4-1') Case à cocher
.form-group.has-error
p.field-label Case à cocher simple (non regroupé erreur)
.field-item.checkbox-simple
.item
input(type='checkbox', name='checkbox-simple-input-5-1', aria-invalid="true", aria-describedby="group-checkbox-simple-error-2")#checkbox-simple-input-5-1
label(for='checkbox-simple-input-5-1') Case à cocher
p#group-checkbox-simple-error-2.help-block Une sélection est obligatoire avec le formulaire checkbox