Forms | Pangaea Digital Agency

BOOK NOW

Menu

ROOMS & SUITES

BOOK NOW

Contact us

Nederlands
Deutsch
English

Nederlands
Deutsch
English

Home
Styleguide
Setup (dev)
Forms

Buttons

Default buttons

Small buttons

Large buttons

Buttons outlined

Default buttons

Small buttons

Large buttons

Buttons inside btn-container

Buttons inside btn-container

Input fields

Form group label

Email type

Password type

Tel type

Number type

Date type

Time type

Readonly field

Disabled field

Input groups

Form group label

€

€

€

text (addon and button)

€

no-borders

€

icon (addon and button)

no-borders

password switch

no-borders

form-control-icon

form-control-icon

Select & Textarea

Select

Textarea

Radio & checkbox

Checkbox list

Ja, schrijf mij in voor de nieuwsbrief en hou mij op de hoogte van aanbiedingen.

Ja, ik ga akkoord met de Algemene Voorwaarden en Privacy Policy.

Disabled

Checked, disabled

Radiobutton list

Bestel eenmalig, zonder account aanmaken.

Registreer voor een account en krijg korting op je eerste bestelling.

Disabled

Checked, disabled

Inline options

Evenementen

Aanbiedingen

Dhr.

Mevr.

File inputs

Upload je bestanden

Toegestane bestanden zijn txt, xml, csv, xls, xlsx, doc, docx, json, pdf, zip, jpg, jpeg en png. Bestanden mogen maximaal 5 MB groot zijn. Afbeeldingen dienen minimaal 300 pixels breed of hoog te zijn.

Choose file...

File type is invalid
File size is invalid
Image does not have the required dimensions
Image cannot be loaded

Choose file...

File type is invalid
File size is invalid
Image does not have the required dimensions
Image cannot be loaded

Choose file...

File type is invalid
File size is invalid
Image does not have the required dimensions
Image cannot be loaded

Choose file...

File type is invalid
File size is invalid
Image does not have the required dimensions
Image cannot be loaded

Choose file...

File type is invalid
File size is invalid
Image does not have the required dimensions
Image cannot be loaded

Row-col form elements

(form-controls will fit to column-width)

Dhr.

Mevr.

€

Dhr.

Mevr.

€

Dhr.

Mevr.

€

Inline form elements

(form-controls have no specific width)

Dhr.

Mevr.

€

Dhr.

Mevr.

€

Dhr.

Mevr.

€

Floating labels

Text type

Email type

Password type

Tel type

Number type

Date type

Time type

Readonly field

Disabled field

Select

Textarea

Floating labels on load

Text type

Email type

Password type

Tel type

Number type

Date type

Time type

Readonly field

Disabled field

Select

Textarea

Voorbeeldformulieren

Gebruk deze forms om snel je eigen form op te zetten.

Goede regels voor formulieren zijn o.a.:

Gebruik fieldsets en legends als je veel velden in één form hebt.
Gebruik rows/cols om velden een logische breedte te geven (en dus niet over de volledige breedte).
Gebruik geen placeholders als label. (tenzij als floating label)
Gebruik de juiste input-types en autofills op specifieke inputs.
Gebruik clearfixes om op verschillende viewports velden naast/onder elkaar te krijgen.

Persoonsgegevens

Salutation

Dhr.

Mevr.

Name

First name

Last name

Contactgegevens

Company name

Email address

Phone number

Adresgegevens

Street

House number

Addition

Postal Code

City

Country

Offerte

Event

Date

Number of persons

Facilities

Lunch

Diner

Audio-/video-ondersteuning

Aanbiedingen

Reservering

Check-in date

Check-out date

Contact

Comment

Name

Email address

Message

I3BE

Regulusweg 5
2516 AC Den Haag
The Netherlands
T +31 88 612 34 56

ROOMS & SUITES

Deluxe room
Suite
Superior Room

ABOUT US

Cookie policy
Privacy Policy
Cookie settings

NEWSLETTTER

Subscribe to our newsletter

SOCIAL MEDIA

© Pangaea Digital Agency 2024. All rights reserved.

i3be.com is using cookies.

Cookies are temporary files that are stored on the device, which make the website work more efficiently. It provides insight into the use of the website and makes it more user-friendly. In addition, relevant advertising can be displayed and information can be shared via social media.

More information about the use of cookies and data processing can be found in our cookie policy and privacy policy.

Cookie settings

Select the desired cookie settings:

Functional cookies are necessary for the functioning of the website. Functional cookies do not store information that allows identification. It is possible that these cookies contain a random identifier that is necessary for the provision of our service.

Analytical cookies help monitor the quality and efficiency of our website. This information is only used to produce generalized statistics to improve the user experience of the website.

Advertising cookies enable advertising networks to display advertisements based on interests and surfing behaviour. These cookies also perform functions that, among other things, prevent the same advertisement from continuously appearing.

Social Media cookies ensure that (parts of) the website can be shared via social media. It will be possible that users logged in to social media can share information or videos directly.