https://github.com/paulocheque/jquery-simpleinputlabel

One idea to avoid wasting screen space with labels is put the label as the initial text of a input.
https://github.com/paulocheque/jquery-simpleinputlabel

Last synced: 17 days ago
JSON representation

One idea to avoid wasting screen space with labels is put the label as the initial text of a input.

• Host: GitHub
• URL: https://github.com/paulocheque/jquery-simpleinputlabel
• Owner: paulocheque
• Created: 2012-04-08T14:42:58.000Z (over 12 years ago)
• Default Branch: master
• Last Pushed: 2012-04-08T15:21:40.000Z (over 12 years ago)
• Last Synced: 2024-12-02T07:55:56.338Z (25 days ago)
• Language: JavaScript
• Homepage: http://archive.plugins.jquery.com/project/SimpleInputLabel
• Size: 89.8 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.mkd

Awesome Lists containing this project

README

        
# JQuery-SimpleInputLabel

One idea to avoid wasting screen space with labels is put the label as the initial text of a input.

* 

* Latest Release: 0.1.0

# How it works

This plugin do this thing with some tricks when the input receive and lost focus:

* When the input receive focus: empty the text of the input if the text is the initial text.

* When the input lost focus: the value of the input is set to the initial if the current text is blank

# Example of usage

```html

$('#my_input').InputLabel({text: 'Some text here'});

$('#my_login_input').InputLabel({text: 'Username'});

$('.input_invitation').InputLabel({text: 'E-mails separated by comma'});

```