Styleguide Navigation

Form

Default

Form Title

With description and legend for required symbol

Form Title

Dieses Beispiel soll einzig das «Look and Feel» eines Magnolia-Formulars veranschaulichen. Es löst keine Benachrichtigung aus (bzw. diese schlägt absichtlich fehl).

*Dies ist ein Pflichtfeld

Form with single error

  • Link in FormMessage must have unique id. href must point to ID of referenced input/textarea/select field.
  • FormInput must have has-error class.
  • input/textarea/select must use attribute aria-hidden="true" and must have a aria-describedby attribute that references the id of the link that describes it (the one placed in FormMessage).

See example page for more error examples

Form Title

Form with multiple errors

Use ul/li to display multiple errors in FormMessage. The same rules as in the example for single errors apply.

See example page for more error examples

Form Title