Inputs

Scale

Breakpoints
Content
Grid
Manifesto

Style

Buttons
Colors
Forms
Icons
Inputs
Logo
Typography

<input type="text">
<input type="number">
<input type="tel">
<input type="email">
<input type="url">
<input type="search">
<input type="password">
<input type="datetime">
<input type="datetime-local">
<input type="date">
<input type="time">
<input type="month">
<input type="week">
<input type="file">
<input type="range">
<input type="color">

With HTML5 & smartphones form & input type are fun ! This page is a sandbox to quickly test behavior and style.

This page is built to test differents combination of input types, validation patterns and attributes across any device, OS or browser, to see how onscreen keyboards and HTML5 validation behaviors would react.

Upload files

You can specify the type of upload especially effective for smartphones usecases.

<input type="file" attribute="audio/*">
<input type="file" attribute="video/*">
<input type="file" attribute="image/*">

Pattern validation

Here is a list of all input values with validation pattern.