Basic Form Elements
Default input for text
Add attribute
type="text".
Password
Give the attribute
type="password".
Input with text
Add attribute
value="".
Input type text with placeholder
Add attribute
placeholder="".
Input type password with placeholder
Add attribute
placeholder="".
Input Disabled
Add attribute
disabled.
Input with readonly
Add attribute
readonly.
Input with Rounded corners
Give custom css
border-radius.
Input with Focus
Give custom css
border-color.
Input types
Input with Search
Add attribute
type="search".
Input with Email
Add attribute
type="email".
Input with URL
Add attribute
type="url".
Input with Telephone
Add attribute
type="tel".
Input with Number
Add attribute
type="number".
Input with date
Add attribute
type="date".
Input with Date and Time
Add attribute
type="datetime-local".
Input with Month
Add attribute
type="month".
Input with Week
Add attribute
type="week".
Input with Time
Add attribute
type="time".
Input with Color Picker
Add attribute
type="color".
Input with Range
Add attribute
type="range".
Input with File
Add attribute
type="file".
Input with Max length
Add attribute
maxlength="".
Sizing
Inputs sizing
Selects sizing
Custom selects sizing
Text area
Text area with placeholder
Select
Multiple Select
Input validation states
Input with success
Add
class="has-success" to form-group.
Input with warning
Add
class="has-warning" to form-group.
Input with danger
Add
class="has-success" to form-group.