Are you looking for JQuery Input Plugins If yes then you are on right place because here we have collected most popular 200 JQuery Input Plugins for you. you can choose any of following JQuery Input Plugins which suits best to your web based projects, These all are highly rated JQuery Input Plugins.
HotKeys.js is an input capture library with some very special features, it is easy to pick up and use, has a reasonable footprint (~3kb) (gzipped: 1.73kb), and has no dependencies. It should not interfere with any JavaScript libra.....
Core Java Script
In this tutorial we will see how we can simulate the behavior of a range input, with an elegant component. Fancy component to simulate a range input, based on this dribbble shot by Stan Yakusevich.To code it, we will mainly u.....
Animation
Core Java Script
CSS
Forms
SVG Tutorial
rsSliderLens is jQuery UI slider control that magnifies the current value.Features:Two types of slider:Sliding type: The handle can move along the slide rail;Fixed type: The handle remains in a fixed position, while the slide rail.....
Plugins
Cleave.js has a simple purpose: to help you format input text content automatically.Credit card number formattingPhone number formatting (i18n js lib separated for each country to reduce size)Date formattingNumeral formattingCusto.....
Core Java Script
Forms
Algolia Places provides a fast, distributed and easy way to use an address search autocomplete JavaScript library on your website. .....
Core Java Script
Maps
A vanilla, lightweight (~15kb gzipped), configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency.LightweightNo jQuery dependencyConfigurable sortingFlexible stylingFast search/f.....
Core Java Script
Forms
Better tags input interaction with JavaScript. .....
Core Java Script
Forms
Superplaceholder.js is a library to bring your input placeholders to life by cycling multiple instructions in a single input placeholder. .....
Core Java Script
Forms
A tutorial on how to style and customize <input type=”file”> in a semantic, accessible way using the <label> element and some JavaScript. .....
Core Java Script
CSS
Forms
Keypress is a robust keyboard input capturing Javascript utility focused on input for games.Keypress is an input capture library with some very special features, it is easy to pick up and use, has a reasonable footprint (~9kb), an.....
Core Java Script
Rangestepper.js is a jQuery plugin that creates a highly css style-able snappable range input. .....
Plugins
jCalculator is a awesome jQuery plugin for calculator inputs. .....
Plugins
An experimental form that uses natural language instead of the usual form display. Values are entered using custom input elements.The idea is to turn a classic form into one that uses natural language to obtain information from th.....
Core Java Script
CSS
Forms
Makes typing & deleting in input / textarea fields exciting with CSS3 effects and jQuery .....
CSS
Forms
Plugins
Text Effect
If you are working with Restful API’s and you must need to send a JSON input response via web project, especially for Node projects. This post helps you to create a JSON input string using JavaScript. It’s very useful, con.....
jSON
A rising tide lifts all boats, and we’d like to help improve payment experiences for consumers everywhere, whether or not they use Stripe. Today, we’re releasing jQuery.payment, a general purpose library for building credit ca.....
Plugins
An Unobtrusive Accessible Slider script that can also be used as an HTML5 Input Range polyfill solution.The script can be used as an HTML5 input range polyfill solutionIntroduces a gradient filled “range bar” for quick visual .....
Core Java Script
Forms
HTML5
Slider
In this tutorial we will create a basic HTML5 range input slider to resize an image, with a JavaScript function updating elements in the page as the user alters the range. At the moment, Internet Explorer and Firefox do not suppor.....
Core Java Script
HTML5
datepicker with mask input .....
DatePicker
HTML5 input tag type='date' with built in datepicker Works in Chrome, Opera, Firefox and Edge browsers .....
DatePicker
javascript get value from input type="date" .....
DatePicker
Simple Field with limitation Autocomplete inline Datepicker .....
DatePicker
Based on http://www.labnol.org/internet/embed-google-maps-background/28457/ .....
Google Map
Create custom form input and custom validation to use with ngMessages. .....
Validation
A subtle CSS3 input that will look good on ANY background that isn't white or Black; also a validation tooltip! .....
Validation
A collection of different form elements with html5 pattern or type validation. I recommend using validation width some sort of visual indication like the border and box-shadow in this example. .....
Validation
A little trick to show input validation in pure CSS. .....
Validation
.....
Validation
Tokens is a jQuery plugin that converts an input filed into a tagging/tokenizer input that breaks up what your user typed into tokens or tags, with suggestion/autocomplete box display......
tags-input
Autocomplete
Tag
Token-input
Tower is a small and simple-to-use jQuery plugin to enhance and beautify the native file input with support for image preview, custom icons, and file list......
uploader
file-input
Bootstrap Fileinput is an Html5 file input enhancement built with jQuery and Boostrap 3 for creating a nice-looking file uploader that allows you to select multiple files with image & file preview......
Bootstrap
bootstrap-4
uploader
file-input
input
A lightweight and dynamic jQuery tags input plugin that allows the user to type multiple items as tags or select tags from a suggestion list as they type......
tags-input
Tagify is a tiny jQuery plugin used to generate a simple, animated, high-performance tag / token input from either input field or textarea......
tags-input
Timetator is a small yet useful jQuery plugin which automatically transforms numeric values (e.g. 932) into time strings (e.g. 09:32) with a custom separator......
time-Format
YearPicker.js is a lightweight yet configurable year picker for jQuery that makes it easy to select a year from a popup similar to the date picker......
year-picker
Simple Mask is a tiny jQuery plugin to make masks on input fields that allows the users to enter numbers in a certain format......
input-mask
number-format
floating-labels is a jQuery plugin used to create Material Design inspired text fields with animated floating labels for Bootstrap 4......
Bootstrap
bootstrap-4
Input-label
Float-Label-Pattern
An easy yet customizable input spinner plugin for Bootstrap 4 framework that enables the users to increment/decrement a number by using +/- buttons......
input-spinner
Number
input
Tagsinput.js is a jQuery extension to make the Bootstrap Tags Input jQuery plugin work with the latest version of Bootstrap 4 framework......
Bootstrap
bootstrap-4
tags-input
An awesome animated numeric stepper (aka. input spinner) component which can be used to increment or decrement a value by clicking arrows......
input-spinner
Just another multi select plugin for Bootstrap 4 framework that converts a multi-select list into an easy to use dropdown with checkboxes......
Bootstrap
bootstrap-4
tags-input
Multiple-Select
This is a lightweight and easy-to-use jQuery input mask plugin to mask and validate US (or international) phone numbers in standard input fields......
telephone
input-mask
table_search.js is an ultra small (< 1kb) jQuery table search plugin which allows the user to quickly filter table rows based on the text (case sensitive) typed in an input field......
table-filter
Yet another JavaScript plugin to extend the Bootstrap 4 from controls that help you create custom file selection input with browser button for file upload......
Bootstrap
bootstrap-4
uploader
file-input
multiInput is a jQuery form builder/manipulation plugin which makes it possible to dynamically add and/remove form fields by clicking on Plus and Minus buttons......
dynamic-form
inputTags is a pretty, flat style jQuery tags input plugin which allows you to manage tags in a text input with support for autocomplete and tags validation......
tags-input
Select Search is a lightweight yet useful jQuery plugin that enables an input field to live search your select element and automatically selects the matched option while typing......
Filter
Select
live-search
Mask Number is a small jQuery plugin that automatically restricts, masks and formats decimal / integer numbers numbers in a specific pattern as you type on input fields......
input-mask
number-format
sTags is a dynamic, flexible jQuery tags management plugin which enables the user to add, remove, display, filter tags in an easy way......
tags-input
jQuery.Autocomplete is a jQuery based autocomplete plugin that attaches autocomplete/autosuggest drop down list with ajax lookup to text input fields when your users input......
Autocomplete
Checkbox2Button is a jQuery plugin for Bootstrap (4 and 3) framework that converts the regular checkboxes and radio buttons into toggle buttons for better user experience......
Checkbox
radio-button
Toggle-Button
The inputArrow jQuery plugin converts the normal text field into a highly customizable, mobile-friendly input spinner with custom increment and decrement buttons......
Number
input-spinner
magicsearch is a AJAX enabled jQuery plugin which allows the visitor to select single or multiple items from a predefined dropdown list when typing something......
Autocomplete
tags-input
typeahead
fancyknob is an easy-to-use jQuery plugin which converts the normal range input into a nice, customizable knob with support for both mouse drag and touch interactions......
Range-Slider
knob
autoNumeric is a useful JavaScript library for international currency formatting as well as numbers formatting......
input
format
number-format
Number
currency
data-formatting
inputSliderRange is a jQuery plugin to create a highly customizable range slider that enables the user to increment/decrement values in the associated input box......
Range-Slider
numeric.js is an easy-to-use jQuery plugin which permits only numeric values being entered into an input field. Supports both positive and negative values......
input
Yet another jQuery implementation of the Float Label Pattern that lets you create floating labels for input fields when focused or blurred......
Input-label
Float-Label-Pattern
The jQuery Tagselect plugin converts the normal select element into a tags selector where your user can select one or multiple tags from a dropdown list......
tags-input
Just another jQuery based number spinner plugin that enables your users to spin numbers with plus and minus buttons......
input-spinner
number-input
maskedinput is a simple yet fully configurable jQuery input mask plugin that allows the user to type characters in fixed position in a certain format......
input-mask
Select Picker is a jQuery plugin which converts any select box into a single option picker or a filterable, multi-select tagging / tokenizer input......
Multiple-Select
tags-input
The Tagcomplete jQuery plugin converts the normal input field into a dynamic, customizable tags/tokens input with autocomplete support......
Autocomplete
Multiple-Select
tags-input
Yet another jQuery plugin for preventing data loss that automatically stores form values in the cookies and restores the saved data on the next visit......
form-save
A simple, lightweight jQuery plugin for creating Material Design style inputs that transform the Bootstrap 4 form label into floating labels when the text fields are focused or clicked......
Float-Label-Pattern
Bootstrap
bootstrap-4
Input-label
prettyTag is a jQuery plugin mainly designed for creating a colorful tag cloud that dynamically applies random colors to tags......
Tag-Cloud
tags-input
mobilePhoneNumber is a jQuery phone number input mask plugin that automatically formats and validates international phone numbers when an user is typing......
input-mask
telephone
A jQuery plugin for the Material Components Web that applies form validation, floating label and input mask functionalities to form fields......
Form-Validation
input-mask
Material-Design
Quantity Controller is a lightweight jQuery plugin to create a numeric stepper (aka. number spinner, input spinner) on the webpage......
input-spinner
jQuery mask is yet another jQuery mask plugin that automatically format input field data with regular expression......
input-mask
Floatify is a super tiny jQuery plugin that makes the placeholders displayed as floating labels on the top of the text fields while typing......
Float-Label-Pattern
Input-label
Placeholder
A really small jQuery tagging plugin for Bootstrap 4 that enables the users to add/remove tags/tokes styled using Bootstrap 4 badge component......
Bootstrap
bootstrap-4
tags-input
This is a powerful, flexible jQuery based tags input where the users are able to add tags/tokens in the input box or select items from a suggestion dropdown while typing......
Autocomplete
Multiple-Select
tags-input
Just another jQuery autocomplete plugin that displays a Google-style autocomplete dropdown list as you type something into a text field.....
Autocomplete
input
Spinner.js is a jQuery plugin that turns a normal text input into a highly customizable number spinner with up/down arrows for easier numeral data input......
input-spinner
number-picker
input-toggle is a jQuery plugin that makes it possible to toggle classes or attributes of HTML elements based on based on the state of form fields......
Conditional-Logic
AutoSuggestList is a jQuery & jQuery UI based autocomplete plugin that adds an auto-suggestion box to the normal input field while typing......
Autocomplete
autosuggest
jQuery-UI
typeahead
InputCounter is a lightweight, Bootstrap compatible jQuery input spinner plugin for switching numeric values with plus/minus buttons......
input-spinner
A jQuery & Bootstrap 4 multi select plugin which transforms a normal input field into a flexible, dynamic, filterable multi-select dropdown for convenient tags/tokens/options selection......
Bootstrap
bootstrap-4
Multiple-Select
tags-input
The jQuery fileinput.js plugin replaces the regular file input field with a customizable Browse button which enables the user to browse and select file(s) from local......
Bootstrap
bootstrap-4
uploader
file-input
selectize.js is a useful and lightweight plugin for creating solid and user-friendly tags input field and select list with clean and powerful APIs & Codes......
Select
tags-input
Tag
Floating Form Labels is a jQuery plugin to create the float label pattern that floats the inline label up above the text field when focused. Supports both input field and textarea......
Float-Label-Pattern
Input-label
A small yet robust inline editing plugin for jQuery that makes an element act as an input field, select box or textarea when a specific event is triggered......
In-place-Editing
inline-editing
Numbertor is a jQuery plugin that provides a simple way to automatically format numeric values your users typed in the number input......
number-format
input
Chosen is a javascript library that makes your input box much more User-Friendly. It is currently available in both jQuery and Prototype flavors......
Select
Multiple-Select
A convenient country picker plugin that enables the user to select countries, continents, regions from a filterable dropdown list, with support for country flags and ISO codes......
country-selector
Yet another jQuery based tags management plugin that converts text inputs into removable tags/tokens in a normal input field. Styling with the Bootstrap 4 or Bootstrap 3 framework......
Bootstrap
tags-input
bootstrap-4
Typingeffect is a jQuery plugin that applies custom CSS3 powered animations to characters when typing and deleting characters in an input field......
Typing
text-animation
Inputpicker is a simple jQuery plugin that converts the normal text field into a filterable, multi-column dropdown select box for convenient option selection......
Drop-Down-list
Drop-Down
FancyMe Tags is a small jQuery plugin for creating a tags/tokens input where the users are able to add one or multiple tags/tokens separated by commas......
Tags-Management
tags-input
highlighttextarea is a jQuery plugin used to highlight text (words, sentences, strings, etc...) defined in a JS array object for your text fields like textarea and input......
input
Textarea
text-highlighting
formElements is a jQuery plugin for UI/UX design that provides an easy way to beautify the regular select, checkbox, radio button, text field and file input elements with custom styles......
Custom-Select
Select
file-input
Checkbox
radio-button
The input-clearer plugin creates inline clear buttons inside Bootstrap 4 text fields that enable the users to clear away the current value......
Bootstrap
bootstrap-4
input
TimingField is a jQuery plugin that converts any text field into an input spinner with increment/decrement buttons for quickly pick a time in hours, minutes and seconds......
Time-Picker
Duration-Picker
html-input-range is a jQuery plugin to create a slim, elegant, custom range slider from a standard HTML range input that enables the user to pick a number within a specific range......
Range-Slider
TouchSpin is a jQuery plugin for Bootstrap 3 to create a touch-friendly spinner widget that wraps a text input with two buttons to increment and decrement the current value......
Bootstrap
bootstrap-4
input
Number
input-spinner
Key Restrictions is an ultra-light (1kb minified) jQuery plugin that restricts input field to letters, numbers or alphanumeric only......
input
Character-Limit
GmailTagsInput is a really small jQuery plugin for creating a Gmail-style tags input that enables the user to type multiple valid email addresses in an input field......
tags-input
gmail
email
Samask is a jQuery input mask plugin that can be used to mask/validate/format/restrict user input in text fields to a specific pattern.....
input-mask
DTimepicker is a minimal, convenient jQuery Time Entry plugin which makes it easy to change time values (24-hour) using a spinner or the keyboard......
Time-Picker
Alphanum is a small yet useful JQuery plugin that allows you to restrict a text field to only accept specify characters (alphabetic, numeric or alphanumeric characters)......
input
Number
Character
alphabet
alphanumeric
This is a small jQuery script to create custom file inputs for image uploading that features images preview and image name caption......
file-input
uploader
Tagzy is a really simple jQuery plugin which enables you to tagify & tokenize text in an input field using Enter and Comma while typing......
tags-input
Autocompleter is a simple, easy, customizable, cache-enabled jQuery plugin which allows you to select an item from a dropdown list populated with suggestions......
Autocomplete
input
autosuggest
tokenizer.js is an easy-to-use jQuery tag/token input plugin which allows you to formats the text into tags/tokens when a Space, Enter, or Comma is entered......
tags-input
This is a cross-browser jQuery plugin for Bootstrap that replaces the native browser file input to choose one or more files in an elegant way......
Bootstrap
file-input
bootstrap-4
input-values.js is a jQuery plugin for dynamic form creation that converts form data to JSON objects and generates HTML forms from JSON schemas......
form-builder
A lightweight and cross-browser jQuery custom file input plugin which replaces the default file input field with custom styles and file select button......
file-input
inputNumberTextbox is a jQuery plugin to enhance the number input that restricts input field to only allow numbers in textbox while typing......
number-input
RestrictedTextField is a lightweight yet useful jQuery plugin that validates and restricts text fields to specific words/characters/strings......
input
The jQuery ipInput.js plugin lets you create a user-friendly IPv4 address input control just like the Windows IP input......
IP-Address
The Nice Number jQuery plugin turns the regular number input into a handy input spinner that allows the user to pick number by using increment/decrement buttons......
input
Number
input-spinner
MagicSuggest is an easy-to-use jQuery plugin to create a combo list which enables you to select multiple items (tags, tokens, email addresses, etc) from a dropdown list with typeahead & autocomplete support......
Bootstrap
tags-input
bootstrap-4
Multiple-Select
datable.js is a jQuery date input mask plugin that automatically formats and validates dates as you type on form inputs......
Date-Format
input-mask
The jQuery File Uploader transforms the normal file input into a drag and drop file uploader with ajax upload, image preview and progress bar support......
file-input
uploader
upload
Materialize Tags is a modern jQuery plugin used to create a nice-looking Material Design styled tag manager using Materialize framework......
tags-input
Material-Design
Materialize
input-char-count.js is a tiny jQuery character counter & character limit plugin for text fields (input field and textarea) that work with the native input maxlength attribute......
Bootstrap
Character-Limit
Character-Counter
ezdz is an easy-to-use jQuery File Input plugin for creating a drag & drop zone that allows the visitor to drag and drop multiple files into the file input......
file-input
uploader
upload
input
Drag
jQuery Search Input is a fancy and user-friendly jQuery plugin that turns the standard html input field into HTML5 search input field......
input
search
html5
search-input
filldown is a jQuery plugin (jQuery UI widget) that allows the users to copy text from one input field to others......
input
datetime.js is a jQuery date selector plugin used to create user-friendly, keyboard-driven, multi-language date & time inputs......
Date-Picker
Time-Picker
A really simple tagging plugin for jQuery that allows you to add tags/tokens from an autocomplete dropdown populated with predefined JSON data......
tags-input
Tag
The repeatable.js jQuery plugin allows you to create groups of form input fields which can be dynamically added and removed as needed......
dynamic-form
A dead simple jQuery plugin that converts a normal input field into a 5-star quality/product/post rating system using Font Awesome icons......
Rating
star-rating
A user-friendly and mobile-friendly jQuery plugin that suggests and autocompletes the domain suffix from a list of predefined email domains while a user types into the email input field......
Autocomplete
email
input
clockInput is a lightweight jQuery plugin which converts the normal input field into a fancy clock-style time picker for easier time selection......
Time-Picker
Tagator is a jQuery plugin for tokenizing text inputs that allow your users to select multiple tags/tokens from a predefined list......
tags-input
Autocomplete
FileStyle is a lightweight jQuery plugin for Bootstrap which allows to beautify the normal file upload input with Bootstrap button styles......
Bootstrap
file-input
input-to-dropdown is a jQuery plugin for Bootstrap that converts a group of checkboxes or radios into a dropdown list for better user experiences......
Bootstrap
Checkbox
radio-button
Image Reader is a jQuery plugin to create a drag-and-drop image upload area with support for file preview (render as image or canvas) before uploading to the server......
file-input
Image-Preview
Input Tag is a jQuery plugin to create a tags input which allows you to pick a tag from an autocomplete dropdown list populated with pre-defined suggestions......
tags-input
jQuery-UI
Autocomplete
ProgRange is a jQuery reading progress indicator plugin to create a range input based progress bar representing the current scroll position as you scroll down or up the web page......
progress-bar
The jQuery Simple Input Toggle plugin transforms the normal radio inputs into switch-style toggle buttons for better user experience......
radio-button
Switch
Toggle-Button
jpreview is a really small jQuery plugin which allows you to preview images before uploading. Supports single or multiple file input......
file-input
Image-Preview
flying-labels.js is a jQuery plugin that helps you create floating labels (placeholders) with CSS3 animations for your input and textarea elements......
Float-Label-Pattern
Input-label
Placeholder
Checks is a really small, cross-browser jQuery/zepto plugin which replaces the ugly checkboxes and radio buttons with custom tick/check icons......
Checkbox
radio-button
Input Tags is a jQuery based tagging system which automatically converts the values of the input into delimited tags......
tags-input
Fileselect is a jQuery plugin for Bootstrap 4 which helps you create a pretty file select input to replace the regular Bootstrap 4 file input field......
Bootstrap
file-input
bootstrap-4