Proton
Proton from 网页模板

Form elements

  1. Home
  2. Forms
  3. Form elements

Basic Form Elements

Username

This is a help text
Please enter your email
Please enter a complex password

Normal Form

Please enter your email
Please enter your password

Input Grid

Input Sizes

Inline Form

Horizontal Form

Horizontal Form with Divider

Validation States Form

Validation States with Optional Icons

Icon/Text Groups

.00

Buttons Groups

Dropdowns Groups

Use the grid for big devices!.col-lg-* .col-md-* .col-sm-*

Input Grid for small devices! .col-xs-*

Example Form

Username
Email
Password

Example Form

Example Form

Form Elements

Form Elements with Masked Input

ex. 99/99/9999
ex. (999) 999-9999
ex. 99-9999999
ex. 999-99-9999
ex. ~9.99 ~9.99 999

Form Elements

Some value here

Form Elements

@

Here's some help text

.00
Here's more help text
$ .00

Form Elements

Textareas and Selects

Simple select
Multiple select (Hold CTRL key )
Basic example
Multiple select



  • Memory
    4GB of 8GB
  • HDD
    250GB of 1TB
  • SSD
    700GB of 1TB
  • Bandwidth
    90TB of 100TB