jQuery Form labels Plugin Demo Back to the tutorial

Runs plugin with default configuration options

                            $.fn.formLabels();
                        

Excludes certain elements from being 'labelized'

                            $.fn.formLabels({
                                excludeElts: 'input[name=secretWord]'
                            });
                        

Whether or not refresh labels on window resize event.
Play with plus/minus buttons - you should notice that labels position is also changing accordingly to iframe size.

                            $.fn.formLabels({
                                labelParent : 'body',
                                refreshOnResize : true
                            });
                        

if enabled the plugin runs in safe mode without animation and other special features. Useful when dealing with unusual situations. Default: false

                            $.fn.formLabels({
                                safemode : true
                            });
                        

Parent container for your 'labels'. Default: 'form' - labels will be inserted in closest form. Inspect source to find that labels was placed outside the form in the #labels div

                            $.fn.formLabels({
                                labelParent : '#labels'
                            });
                        

Although it's not recommended to turn off this function, sometimes it can be useful. Setting it to false prevents insserting <label/> before input element and appends it at the end of a form

                            $.fn.formLabels({
                                semantic : false
                            });
                        

Refresh labels' position. Useful when input position has been changed due to DOM manipulations, elements resizing, etc.
Click on "+" to move the form, then hit "refresh" to recalculate positions

                            $("#refreshB").click(function(){
                                $.fn.formLabels.refreshLabels()
                                pushMessage("Labels were refreshed...");
                            })