Collection of free jQuery input type text code examples (placeholders, float labels, etc) from Codepen, Github and other resources. Update of December 2021 collection. 1 new item.
Related Articles
Links
About a code
TagsInput
This repository is a jQuery plugin for a tag input text.
Links
About a code
jQuery multiAutocomplete
A jQuery plugin that allows multiple autocompletes in a input.
Links
Made with
- HTML / CSS / JS
About a code
Password Strength Meter
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: font-awesome.js, gsap.js
Links
About a code
jQuery Slasher
A plugin that allows you to build slash commands in your project.
Dependencies: caret.js
Links
About a code
Filter Table
Simple jQuery plugin for filtering table rows based on input (filter) value.
Dependencies: bulma.css
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Input Text Interaction Animation
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js
Links
Made with
- HTML / CSS (Sass) / JS
About a code
Password Strength Validation
Password strength validation with visibility toggle in jQuery.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: ionicons.css, jquery.js
Links
Made with
- HTML / CSS / JS
About a code
Input Live Style Changer
This input can change his style via 3 buttons to serious, modern or cheeky with a nice style animation.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js,
Links
Made with
- HTML (Pug) / CSS (Sass) / JS
About a code
Dot Digit Input
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Links
Made with
- HTML / CSS / JS
About a code
jQuery Input Masks
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js, jquery.inputmask.js
Links
Made with
- HTML (Pug) / CSS (SCSS) / JS
About a code
Kinetic Type with Greensock
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: foundation.css, jquery-ui.js, tweenmax.js
Links
Made with
- HTML / CSS (SCSS) / JS (Babel)
About a code
Fancy Animated Input Field
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: animate.css, jquery.js
Links
Made with
- HTML (Haml) / CSS (SCSS) / JS
About a code
Tags
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: bootstrap.css, font-awesome.css, jquery.js
Links
Made with
- HTML (Slim) / CSS (SCSS) / JS (Babel)
About a code
Email Input Validation Behavior
Email input validation in jQuery.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Input Text Field
Input text field label animation.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js
Links
Made with
- HTML / CSS (Less) / JS
About a code
Modern Style Input Text
Simple but yet modern look of input text fields.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js
Links
Made with
- HTML / CSS / JS
About a code
Morphing Input Field Button
An email input field, styled to look like a button, that when clicked morphs into an email field.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Links
Made with
- HTML / CSS / JS
About a code
Input Text Rendering
Pixel isometric input text rendering.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js, obelisk.js, dat-gui.js