Collection
Post cover

Top 17 jQuery Input Text

Collection of free jQuery input type text code examples (placeholders, float labels, etc) from codepen and other resources.

TagsInput

This repository is a jQuery plugin for a tag input text.

Author: cris-m

Links: GitHub

Made with: JavaScript (52.6%), HTML (37.5%), CSS (9.9%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
3 2 1

jQuery multiAutocomplete

A jQuery plugin that allows multiple autocompletes in a input.

Author: IsraelFM (Israel Ferreira de Moraes)

Links: GitHub

Made with: JavaScript (93.3%), CSS (6.7%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
5 0 0

Password Strength Meter

Author: Álex

Links: demo and code

Made with: HTML / CSS / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: font-awesome.js, gsap.js

jQuery Slasher

A plugin that allows you to build slash commands in your project.

Author: SocialBu

Dependencies: caret.js

Links: GitHub

Made with: JavaScript (79.6%), HTML (20.4%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
3 2 0

Filter-table JQuery plugin

Simple jQuery Plugin for filtering table rows based on input (filter) value.

Dependencies: bulma.css

Author: Novelja Korac

Links: GitHub

Made with: HTML (79.6%), JavaScript (20.4%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
3 2 1

Input Text Interaction Animation

Author: Aaron Iker

Links: demo and code, dribbble shot

Made with: HTML / CSS (SCSS) / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: jquery.js

Password Strength Validation

Author: burnaDLX

Links: demo and code

Made with: HTML / CSS (Sass) / JS

Password strength validation with visibility toggle in jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: ionicons.css, jquery.js

Input Live Style Changer

Author: Benjamin Koehler

Links: demo and code

Made with: HTML / CSS / JS

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,

Dot Digit Input

Author: Godje

Links: demo and code

Made with: HTML (Pug) / CSS (Sass) / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

jQuery Input Masks

Author: Chris Coyier

Links: demo and code

Made with: HTML / CSS / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: jquery.js, jquery.inputmask.js

Fancy Animated Input Field

Author: Andy Pagès

Links: demo and code

Made with: HTML / CSS (SCSS) / JS (Babel)

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: animate.css, jquery.js

Tags

Author: Ravi Dhiman

Links: demo and code

Made with: HTML (Haml) / CSS (SCSS) / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: bootstrap.css, font-awesome.css, jquery.js

Email Input Validation Behavior

Author: Elior Tabeka

Links: demo and code, dribbble shot

Made with: HTML (Slim) / CSS (SCSS) / JS (Babel)

Email input validation in jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Input Text Field

Author: Charlyn G

Links: demo and code

Made with: HTML / CSS (SCSS) / JS

Input text field label animation.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: jquery.js

Modern Style Input Text

Author: Alexander Erlandsson

Links: demo and code

Made with: HTML / CSS (Less) / JS

Simple but yet modern look of input text fields.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: jquery.js

Morphing Input Field Button

Author: Caleb Sylvest

Links: demo and code

Made with: HTML / CSS / JS

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

Input Text Rendering

Author: Max Huang

Links: demo and code

Made with: HTML / CSS / JS

Pixel isometric input text rendering.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: jquery.js, obelisk.js, dat-gui.js

Did you like the post? Share it with your friends!

Follow us on social networks

Feedback