Animated Multilingual Placeholder Plugin - jQuery Twinput
File Size: | 7.59 KB |
---|---|
Views Total: | 188 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

Twinput is a lightweight jQuery plugin that adds an animated multilingual placeholder to your text field.
The plugin takes an array of strings and converts them into a text rotator displayed in the input field, which automatically switches between those strings with a typewriter-style typing animation.
See Also:
How to use it:
1. Download and load the Twinput plugin after jQuery.
<script src="/path/to/cdn/jquery.min.js"></script> <script src="/path/to/js/twinput.js"></script>
2. Call the function on the target input field and define your own placeholder text in a JS array as follows:
<input type="text" id="demo"/>
$('#demo').jqueryInputTypeWriting({ keywords: ['Hello world!', '¡Hola Mundo!', 'Bonjour le monde!', '你好世界!'], });
3. Set the animation speed. Default: 100.
$('#demo').jqueryInputTypeWriting({ keywords: ['Hello world!', '¡Hola Mundo!', 'Bonjour le monde!', '你好世界!'], speed: 200, });
4. Set time to wait before switching to the next string. Default: 1000.
$('#demo').jqueryInputTypeWriting({ keywords: ['Hello world!', '¡Hola Mundo!', 'Bonjour le monde!', '你好世界!'], delay: 2000, });
This awesome jQuery plugin is developed by samuelj90. For more Advanced Usages, please check the demo page or visit the official website.