non selectionné

selectionné

disabled

status erreur

Une sélection est obligatoire avec le formulaire checkbox

          

HTML


PUG

p.field-label non selectionné
.form-group-version2
  .field-item.-acceptance-checkbox
    input(type='checkbox', name='acceptance-checkbox-input-1')#acceptance-checkbox-input-1
    label(for='acceptance-checkbox-input-1') Case à cocher
      span.complementary optional text

p.field-label selectionné
.form-group-version2
  .field-item.-acceptance-checkbox
    input(type='checkbox', name='acceptance-checkbox-input-2', checked)#acceptance-checkbox-input-2
    label(for='acceptance-checkbox-input-2') Case à cocher
      span.complementary optional text

p.field-label disabled
.form-group-version2
  .field-item.-acceptance-checkbox
    input(type='checkbox', name='acceptance-checkbox-input-2-disabled', disabled)#acceptance-checkbox-input-2-disabled
    label(for='acceptance-checkbox-input-2-disabled') Case à cocher
      span.complementary optional text

p.field-label status erreur
.form-group-version2.has-error
  .field-item.-acceptance-checkbox
    .item
      input(type='checkbox', name='acceptance-checkbox-input-3' aria-required="true" aria-invalid="true" aria-describedby="acceptance-checkbox-error-input-msg-3")#acceptance-checkbox-input-3
      label(for='acceptance-checkbox-input-3') Case à cocher
        span.complementary optional text
  .help-block
    p#acceptance-checkbox-error-input-msg-1 Une sélection est obligatoire avec le formulaire checkbox