Form examples

Validating required inputs

Browsers will automatically do some basic validation based on the input type. Below are som examples of input fields that do basic validation and visually indicate failure/success. The latter example uses the pattern attribute to validate using a regex pattern.

Adding the required attribute to an input field will make will make it impossible to submit the form without entering a value.

This input field is required

Validating email:

Validating URL using regex:

Textarea

A field for writing multiline text input

Textarea Disabled textarea

Select

This dropdown input lets you select from a fixed set of items

Selectbox Disabled selectbox

Radio buttons

Radio button 1 Radio button 2 Radio button 2

Checkboxes

Checkbox 1 Checkbox 2 Checkbox 3

Special input fields

There are specialized input fields available. These look like the text input field but trigger different keyboard layouts on mobile and tablet devices and can make use of validation.

Sample fields Text Color Date Datetime local Email File Image Month Number Password Range Search Telephone number Time URL Week