Skip to content

This plugin allow to display the label of an input or an textarea inside the field

Notifications You must be signed in to change notification settings

jeanmonod/jquery.insideLabel.plugin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 

Repository files navigation

=================================================
jQuery Plugin: insideLabel
       By David Jeanmonod
=================================================

Overview
--------
 This plugin allows to display the input's labels or textarea inside the fields.
 To use it, activate it on the label:
   $('#labelId').insideLabel()
     
 Then the label and the input will be encaplusated inside a relative span in order
 to use abosolute positioning inside:
   <span class="inside-label-container" style="position: relative">
     <label ... >
     <input ... >   
   </span>
    
 For styling, here are the differents classes avaliable:
   span.inside-label-container : The encaplusated span
   input.with-label-inside     : Field that have the label inside
   label.inside                : Label that are inside a field  
   label.value-set             : Label of a field where the value isn't empty
   label.focus                 : Label of a field that have the focus
   label.inside.for-input      : Label that belong to an input (text or password)
   label.inside.for-textarea   : Label that belong to a textarea


License
-------
This plugin is licensed under both the GPL and MIT licenses. Choose which ever one suits your project best.

About

This plugin allow to display the label of an input or an textarea inside the field

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published