Animated Placeholder Text: Show animated text as placeholders for text inputs

Recommend this page to a friend!
  Info   View files Example   View files View files (2)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
StarStarStarStar 64%Total: 181 All time: 289 This week: 8Up
Version License JavaScript version Categories
animated-placeholder 1.0BSD License5Animation, Forms
Description Author

This object can shows animated text as placeholders for text inputs.

It can take a list of text input fields that will show given placeholder text.

The input placeholder text is animated by shifting each character to the left at a given speed determined by the shift time interval.

Innovation Award
JavaScript Programming Innovation award nominee
September 2016
Number 2
Placeholder text is a string that is used to display inside text inputs while they are empty to let the user know that what is the input he is expected to enter in the form field.

Sometimes users do not quite pay attention to placeholder text.

This object grabs the user attention in a more effective way by using animation to make the placeholder text move at a given speed.

Manuel Lemos
Picture of Gianluca Zanferrari
  Performance   Level  
Name: Gianluca Zanferrari <contact>
Classes: 6 packages by
Country: The Netherlands The Netherlands
Age: 56
All time rank: 81 in The Netherlands The Netherlands
Week rank: 6 Up2 in The Netherlands The Netherlands Down
Innovation award
Innovation award
Nominee: 2x

Winner: 1x

  Files folder image Files  
File Role Description
Accessible without login Plain text file example.html Example example
Plain text file placeholder.js Class class itself

 Version Control Unique User Downloads Download Rankings  
 0%
Total:181
This week:0
All time:289
This week:8Up
 User Ratings  
 
 All time
Utility:91%StarStarStarStarStar
Consistency:91%StarStarStarStarStar
Documentation:-
Examples:91%StarStarStarStarStar
Tests:-
Videos:-
Overall:64%StarStarStarStar
Rank:33