Velvet - Inputs

Input Types

Basic Input:

Form Input With Label

Form Input With Placeholder

Type Text

Type Number

Type Password

Type Email

Type Tel

Type Date

Type Week

Type Month

Type Time

Type datetime-local

Type Search

Type Submit

Type Reset

Type Button

Type Color

Type Checkbox

Type Radio

Type File

Type Url

Type Disabled

Input Readonly Text

Disabled Readonly Input

Type Readonly Input

Textarea

Datalist example

Input shapes

Input With No Radius

Input With Radius

Rounded Input

Input border Styles

Default

Dotted Input

Dashed Input

Input Sizing

Overview

Form text

Password

Your password must be 8-20 characters long, contain letters and numbers, and must not contain spaces, special characters, or emoji.

Inline text can use any typical inline HTML element with nothing more than the .form-text class.

Password

Must be 8-20 characters long.

Disabled forms