The jQuery example plugin does this a tad better, but with out the special fade out a bit on click effect, which I actually prefer. http://mucur.name/system/jquery_example/
In-Field Labels: A Better Way + jQuery Plugin
11–20 of 25 posts
Re: In-Field Labels: A Better Way + jQuery Plugin
#12Since when did labels cause harm? The main pain point of that is that you can't see what field means what once you've got content in it. Oh and its dreadful if you disable Javascript.
As far as Javascript is concerned, I am going to add that into the plugin. Basically, add a class that moves the label over the field when the script is run. Good point though.
Re: In-Field Labels: A Better Way + jQuery Plugin
#13Once the user has filled in anything then the label is completely lost. How is that better then having the label above or to the right where it is always viewable?
It's sort of lost - the info is still there in the form of the information they entered, which is a pretty strong hint. You're not likely to forget your name or website url, for example. You still have a point about the usability of labels outside the form field, especially given the caveat in the article that "this plugin still has problems when the browser tries to pre-fill the fields". But it's still a useful tech…
Re: In-Field Labels: A Better Way + jQuery Plugin
#14Once the user has filled in anything then the label is completely lost. How is that better then having the label above or to the right where it is always viewable?
It's sort of lost - the info is still there in the form of the information they entered, which is a pretty strong hint. You're not likely to forget your name or website url, for example. You still have a point about the usability of labels outside the form field, especially given the caveat in the article that "this plugin still has problems when the browser tries to pre-fill the fields". But it's still a useful tech…
Re: In-Field Labels: A Better Way + jQuery Plugin
#15Giving some people jQuery is like giving a monkey a gun.
Re: In-Field Labels: A Better Way + jQuery Plugin
#16Re: In-Field Labels: A Better Way + jQuery Plugin
#17The link above posted by alabut is awesome, thanks.
Re: In-Field Labels: A Better Way + jQuery Plugin
#18Since when did labels cause harm? The main pain point of that is that you can't see what field means what once you've got content in it. Oh and its dreadful if you disable Javascript.
Labels don't cause harm, but if you are trying to put together a tiny login box on a page, or a condensed form, etc. If it’s a longer in page form, you shouldn't use this plugin. As far as Javascript is concerned, I am going to add that into the plugin. Basically, add a class that moves the label over the field when the script is run. Good point though.
I voted the effort and the plugin.
Re: In-Field Labels: A Better Way + jQuery Plugin
#19Once the user has filled in anything then the label is completely lost. How is that better then having the label above or to the right where it is always viewable?
Re: In-Field Labels: A Better Way + jQuery Plugin
#20Once the user has filled in anything then the label is completely lost. How is that better then having the label above or to the right where it is always viewable?
What's worse is that this doesn't gracefully degrade. If you have javascript disabled your text will be written over top the label text and is completely unreadable.