30+ jQuery Input Text - Free Code + Demos

This input can change his style via 3 buttons to serious, modern or cheeky with a nice style animation.

The nice input with dots that you fill. One of my YouTube subscribers asked me how to do that you can find that on some websites this cool thing. And I was wondering how they do that. Some messed up tricks and wacks and we got this. It also works on the phone

I wanted to make a proper animated text input, with correct cursor usage. Try other animations! Credit: Animate.css

Email Input Validation

Simple but yet modern look of input text fields. Tested and working in Google Chrome, Safari, Safari iOS and Firefox.

An email input field, styled to look like a button, that when clicked morphs into an email field.

■ built by obelisk.js https://github.com/nosir/obelisk.js

Just a basic elegant and fancy login form ^.^

Fancy Input (https://github.com/yairEO/fancyInput)

Placeholderr is a jQUery based animated placeholder plugin, that works perfectly in all major browsers.

Very simple animation on input focus in/out. Done with CSS3 keyframe animations and a little help from jQuery transit. Forked from Mirko Zorić's Pen Simple focus in/out input animation.

Based on this dribbble shot: https://dribbble.com/shots/1818748-Appon-Chat-Widget. Search field is functional. You can also add your own messages to the chat window! A random response will be given :)

Simple Input Animation with jQuery. Forked from Andy Tran's Pen Animated Input Field.

Input Add Class After Run Next Element Animation Playing or showing animation after clicking Input