Plugins
Home

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

labels


Dutch Labels

Submitted by kmorssink on July 26, 2010 - 2:02pm

Dutch-labels

Dutch-labels allows you to use inline labels with a some extra features.
It works with the noscript tag so even when your browser has javascript disabled, you'll see a normal (css-stylable) label.

You can add it on text and password inputs and even on textareas.

Possible options are;

defaultcolor: '#888',
activecolor: '#000',
removetags: true,
prefix: '',
suffix: '',
textuppercase: false,
textlowercase: false

This way you implement it;

JS/jQuery:
<script type="text/javascript">
$(function() {

        $("input[type=text], input[type=password], textarea").dutchLabels({ options });

});
</script>

HTML:
<noscript><label for="naam">Naam *</label></noscript>
<input type="text" class="text" name="naam" id="naam"><br>

Lide jQuery Plugin

Submitted by kumao on May 4, 2010 - 8:52am

One clever idea for forms is to put labels inside the input fields. This is a good idea until the user focus the input, then the label is removed and the user can't know what the label was. Lide jQuery plugin try to solve this by moving the text-field label outside the input when it gains focus.

jQuery Magic Labels - By: Henrik Joreteg

Submitted by Henrik Joreteg on October 31, 2009 - 2:13am

Provides semantically clean solution for adding in-field labels.

This plugin checks the "for" property of the <label> element and inserts the content of the <label> tag as a placeholder value of the associated <input type="text"> or <textarea> fields.

Tagarea

Submitted by leecaine on October 16, 2009 - 8:07am

Turns a textarea or text input field into a 'tagarea' which allows the user to enter a list of tags/labels and displays them nicely(a lot like the the Tumblr tag field). Each tag can then be removed using its close button.
Reduces typographical errors when asking a user to enter a delimited list, and looks great too boot!

As of v1.0 - On creation a tagarea populates itself with tags from the value of the original field.

Project home: http://bitbucket.org/leecaine/tagarea/
Download: http://bitbucket.org/leecaine/tagarea/downloads/tagarea-1.1.zip

Captify

Submitted by brianreavis on December 13, 2008 - 5:04am

Captify adds semi-transparent captions that appear on top of images when the user's mouse rolls over them. It offers a simple way to add captions to images in a manner that doesn't add clutter to a design. Tested in IE, Firefox, Safari, and Chrome.

Labelize

Submitted by bentlegen on August 19, 2008 - 6:28am

Labelize is a jQuery plugin that gives arbitrary container elements label-like properties. It works with any input element (radio buttons, text inputs, etc.), and preserves click() and change() events across different browsers.