Veuillez faire une sélection

          

HTML


PUG

.form-group
  .field-label
    label(for="select") Select
  .select
    select#select(name="select")
      option(value='France', selected) France
      option(value='Autre') Autre
.form-group
  .field-label
    label(for="select-readonly") Select en lecture seule
  .select
    select#select-readonly.readonly(name="select-readonly")
      option(value='France', selected) France
      option(value='Autre' disabled) Autre
.form-group
  .field-label
    label(for="select-disabled") Select désactivé
  .select
    select#select-disabled(disabled name="select-disabled")
      option(value='France', selected) France
      option(value='Autre') Autre
.form-group.has-error
  .field-label
    label(for="select-error") Select en erreur
  .select
    select#select-error(required aria-invalid='true' aria-describedby="select-error" name="select-error")
      option(value='France', selected) France
      option(value='Autre') Autre
  p.help-block#select-error  Veuillez faire une sélection


.form-group
  .field-label
    label(for="select-optgroup") Select avec OptionGroup
  .select
    select#select-optgroup(name="select-optgroup")
      optgroup(label='Automobile')
        option(value='CC_AUTO') Automobile
      optgroup(label='Bâtiment')
        option(value='CC_ARCHI') Architecture : entreprises
        option(value='CC_BAT_CADRE') Bâtiment : cadres
        option(value='CC_BAT_ETAM_NE') Bâtiment : ETAM