Buttons (used without form)



Input fields

Input groups

.com
.com
Radio & checkbox
Select & Textarea

Upload je afbeelding met een resolutie van minimaal 300 pixels hoog of breed en een bestandsgrootte van maximaal 3MB. Als de afbeelding transparante delen bevat, gebruik dan een PNG-bestandsformaat.

Inline elements
Floating labels
Floating labels on load

Voorbeeldformulier

Dit is enkel een voorbeeld van veelgebruikte forms(elementen), om snel je eigen form op te zetten.
Een paar stelregels:

  • Gebruik fieldsets en legends als je veel velden in één form hebt. Dit is beter voor de usability.
  • Vul de velden niet altijd uit over de volledige breedte, maar gebruik kolombreedtes om velden een logische breedte te geven. Dit is beter voor de usability.
  • Gebruik clearfixes om op verschillende viewports velden naast/onder elkaar te krijgen.
  • Gebruik de juiste input-types en autofills op specifieke inputs.
  • Gebruik geen placeholders als label.
Persoonsgegevens
Contactgegevens
Adresgegevens
Offerte
Reservering
Contact

Form ALLDATA

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Accountbeheerder

Bedrijfsgegevens

Bedankt voor het invullen van het formulier