Loading...

###### Don't Miss Out! Our new update has been released.

###### Something you love is now on sale!

Buy now !

### Base Inputs

##### Basic Form

Use `form-label` and `form-control` through create basic form.

Email
Password
Check me out

##### Floating Form

Use `form-floating` to create floating form.

Email Address
Password
Check me out

##### Select Sizing

`form-select` to trigger the custom styles. You may also choose from small and large custom selects to match our similarly sized text inputs. class:- `[form-select-lg/form-select-sm]`.

##### Form Control Sizing

Set heights using classes like `form-control-lg` and `form-control-sm`.

##### File Input

For default file/multiple file/disabled file/small file/large file input for use `<input>` with `(type='file')`.

Default File Input Example
Multiple Files Input Example
Disabled File Input Example
Small File Input Example
Large File Input Example

##### Flat Input Style

Use `btn-square` to define 0px border-radius.

Select Your Favorite Roman Number
Select Your Multiple Paintings
Please Do Comments

##### Basic HTML Input Control

Give textual form controls like `<input>`s and `<textarea>`s an upgrade with custom styles, sizing, focus states, and more.

Placeholder
Password
Number
Telephone
URL
Date and Time
Date
Month
Week
Datalist Example
Time
Color Picker
Maximum Length
Static Text
Hello !... This is my magical text

##### Basic Floating Input Control

Give textual form controls like `<input>`s and `<textarea>`s an upgrade with custom styles, sizing, focus states, and more.

Valid Input
Input with value
Invalid Input
Invalid input
Comments
Comments
Email
Email address
Password
Password
Comments
Comments
Open This Select Menu
Works with selects
Input Group
@
Username
Input Group
@
Username
Please choose a username.
Layout
Email address
Works with selects

##### Edges Input Style

Use `btn-pill` to define border-radius.

Email Address
Password
Select Your Favorite Pixelstrap Theme
Default File Input Example
Default Input
Male
Female
Comments

##### Raise Input Style

Use `input-air-*` to define bottom box-shadow.

Email Address
Password
Select Your Favorite Pixelstrap Theme
Select The Color You Like Below
Comments

##### Dynamic Form Field

Use id `#cart_fields` to dynamically add form fields.

Items
Price
Qty
Total Price

##### Auto Size Textarea

Use `autosize-textarea` to define custom textarea and javascript textarea.

Using SPAN Tag
Using Javascript

##### Max Length Elements

Use `[*-maxlength]` classes to define maxlength for textarea and inputs.

Basic Maxlength
Change the threshold value
Show
Customized Text
Basic Textarea
Badge Positions: (top-left ,top-right,bottom-left,bottom-right)

##### Multi Select Splitter

Use `multiple-selects` class to define multi select splitters.

Simple select and no multiple

Select works even with custom text. On background, original select is correctly updated with original values. Maximum alert message was changed.

Multiple select with group counter. You can select maximum 2 options of all categories.

Multiple select with group counter. You can select maximum 3 options ONLY from one cattegory.

Multiple select of size 7 with group counter. Second select is cleared, when first changed.