Advanced forms

Use this form to test submit behaviors. This demo is available in page, ajax, and modal contexts. Pick a behavior below and submit:

Text

A single-line text input for short content.

Password

Enter your password to authenticate.

Long text

A multi-line text area for longer content.

Emoji

Pick an emoji to represent your mood.

Picks a record by searching for it. What the form carries is its id.

Holds several records: one capsule per value, three at most, the box gone once it is full.

The same records without the search box, as a relation something else fills: each row can only be taken off, and it asks first.

Number

Enter a numeric value.

Enter a valid email address.

URL

Enter a full URL including the protocol.

Date

Select a date using the date picker.

Date & time

Select a date and time combined.

Time

Select a time of day.

File

Drop a file here, or choose it

Upload one or more files from your device.

Radio choice

Option A

Option B

Option C

Select one option from the list.

Switch

Toggle this option on or off.