Placeholder 0.2.3

cross browser placeholder.



Details

Author
Thierry Bela
Current version
0.2.3
GitHub
tbela99/placeholder
Downloads
8086
Category
Interface
Tags
Report
GitHub Issues

Releases


Dependencies

  • core/1.2.3:
    • Element.Event
    • Element.Style

How to use

Include the script and add a class "placeholder" to any form control you wish to add the functionality


Element Method Autoempty

create a placeholder for the element

Returns:

  • (element)

Arguments:

  1. value - (string, optional) the value to use as placeholder.
  2. options - (object) placeholder options.
Options:
  • color - (string, optional) color of the placeholder text.

HTML:

    <input type="text" class="placeholder" value="Name"/>
    <input type="password" class="placeholder" value="Password"/>
    <textarea class="placeholder">Your message...</textarea>

you can also add the functionality manually by calling the method autoempty on an element like this. you can pass the text to use as placeholder to autoempty, if you do not specify a text, the default value is used.

Javascript:

var control = $(form.control);

//the default value will be used as the placeholder with a custom color
control.autoempty({color: '#0E8F94'});

//change the placeholder text to 'Please type your name'
control.autoempty('Please type your name');

Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.

blog comments powered by Disqus