Form Elements | Simple - Responsive Bootstrap 5 Admin Dashboard

v1.0.0

Components

Add Project Member View Activity Settings

Workspace Tools

My Dashboard
Recent Activity
Notifications Center
File Manager
Calendar View

Team Operations

Team Overview
Meeting Schedule
Timesheets
Feedback Hub
Resource Allocation

Account Settings

Profile Settings
Billing & Plans
Integrations
Privacy & Security
Support Center

हिन्दी

Notifications

9 Alerts

Backup completed successfully
Just now

New bug reported in Payment Module
8 minutes ago

Olivia Bennett shared a new report in Weekly Planning
2 minutes ago

Lucas Gray mentioned you in Sprint Standup
14 minutes ago

Security policy update required for your account
22 minutes ago

You've received a new support ticket
18 minutes ago

System maintenance starts at 12 AM
1 hour ago

View All Notifications

Welcome back!

Profile Notifications Balance: $985.25 Account Settings Support Center

Lock Screen Log Out

Maxine Kennedy

Admin Head

Dashboard
Ton AI Hot
Calendar
Directory
Custom Pages
Pages
Authentication
UI Components
Charts
Forms
Tables
- Static Tables
- DataTables 09
Icons
- Tabler
- Lucide
- Flags
Maps
- Vector Maps
- Leaflet Maps
Menu Items
Menu Levels
- Second Level
  - Item 2.1
  - Item 2.2
- Third Level
  - Item 1
  - Item 2
    
    Item 3.1
    
    Item 3.2
Disabled Menu

Form Basics

Basic Form Elements

Build functional forms with input fields, checkboxes, radios, selects, and other essential form controls.

Input Textfield Type

Simple Input

Floating Input

Name

Valid Input

Rounded Input

Text area

Disabled

Helping text

A block of help text that breaks onto a new line and may extend beyond one line.

Select with Icon

Label Input

Label Input

Search Style

Invalid Input

Placeholder

Readonly

Static control

Default Select

Multiple Select

Input Types

Email

Show/Hide Password

Time

Number

Range

Password

Month

Week

Color

Input Group

Username

@

Amount

$ .00

Textarea

With textarea

Wrapping

@

Input + Button

Multiple Files

Recipient

@example.com

Email Login

@

Vanity URL

https://example.com/users/

Dropdown + Input

Action Another action Something else here

File Input

Input Group Select

Options

Floating Labels

Email address

Email address

Comments

Comments

Password

Password

Select Menu

Works with selects

Input Sizes

Small

Large

Large Select

Normal

Grid Sizes

Small Select

Checks, Radios and Switches

Checkboxes

Default Checkbox

Light Checkbox

Inline 1

Inline 2

Disabled indeterminate checkbox

Disabled checked checkbox

Sizes

I'm 16px Checkbox

i'm 20px Checkbox

Switches

Enabled Switch

Disabled Switch

Sizes

I'm 16px Switch

I'm 20px Switch

Colored Checkboxes

Primary

Secondary

Success

Info

Warning

Danger

Dark

Colored Switches

Primary

Secondary

Success

Info

Warning

Danger

Dark

Radios

Option 1

Option 2

Inline 1

Inline 2

Disabled Checked Radio

Sizes

Cash

Card

Pickup

Home Delivery

Reverse

Reverse checkbox

Disabled reverse radio

Reverse switch checkbox input

Colored Radios

Primary

Secondary

Success

Info

Warning

Danger

Dark

Checkbox Toggle

Single Toggle

One Two Three

Radio Toggle

Left Middle Right

© Simple By Coderthemes

59.5GB of 200GB Free.

Admin Customizer

Easily configure layout, styles, and preferences for your admin interface.

Color Scheme

layout-img

Light

layout-img

Dark

Topbar Color

layout-img

Light

layout-img

Dark

Sidenav Color

layout-img

Light

layout-img

Dark

Sidebar Size

layout-img

Default

layout-img

Collapse

Layout Position

Fixed Scrollable

Sidebar User Info

Buy Now