Gallery

Modules

Documentation

Context Navigation

YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

Placeholder (gallery-placeholder) on cdn

Last Updated: 01/5/12

+ 0 -

Greg Hinch

YUI Contributor

See 14 more by this user.

Created: 01/5/12
Last CDN Push: 06/20/12
Build Tag: gallery-2012.06.20-20-07
Project: YUI 3
License: YUI BSD
YUI Version: 3.4.1
Free for use.

Often it is useful to show "placeholder" or "example" text in form inputs/textareas. Newer browsers support the "placeholder" attribute, but this does not work across older versions. This plugin adds the functionality via script, which can be changed on the fly. Additionally, unlike the browser native version, the text can be configured to hide on "focus" or on the first character entered into the field.

Tags:
greghinch

Download
Docs
Homepage
Bugs
Source
Example
Forum
History

Code Sample

<script src="http://yui.yahooapis.com/3.4.1/build/yui/yui-min.js"></script>

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2012.06.20-20-07'
}).use('gallery-placeholder', function(Y) {
  var ipt = Y.one('#my-input');
  ipt.plug(Y.Plugin.Placeholder, {
    text : 'First Name',
    hideOnFocus : false
  });
});