Live data from Hacker News

In-Field Labels: A Better Way + jQuery Plugin

fuelyourcoding.com

11–20 of 25 posts

Re: In-Field Labels: A Better Way + jQuery Plugin

#11
post #3

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/

The benefit of the In-Field Label plugin is that there is never a "temporary" value in the field itself. Since the label is overlaid, the field remains empty. There is less to check for server side if a form gets submitted prematurely.

Re: In-Field Labels: A Better Way + jQuery Plugin

#12
post #7

Since 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.

Re: In-Field Labels: A Better Way + jQuery Plugin

#13
post #4
post #2

Once 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…

The link has great info. Thanks!

Re: In-Field Labels: A Better Way + jQuery Plugin

#14
post #4
post #2

Once 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…

LukeW did a talk in March that goes in to more depth then that article. It's definitely worth listening to: http://www.lukew.com/ff/entry.asp?794

Re: In-Field Labels: A Better Way + jQuery Plugin

#17
This isn't a better way. Sure it looks neat, and seems better to people who know about this stuff, but people who aren't on computers every day might need to spend an extra minute figuring out what's going on when they try to select the text that is still there when they click on the field and they can't. So yeah, great for nerds, but not great for usability.

The link above posted by alabut is awesome, thanks.

Re: In-Field Labels: A Better Way + jQuery Plugin

#18
post #7

Since 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.

This type of plugin would be useful where space is a premium. A good example is the Site's contact form. You are correct to say that when 'javascript' is off the label should be outside the field. With javascript on it is simple to adjust the css to move the label over the field.

I voted the effort and the plugin.

Re: In-Field Labels: A Better Way + jQuery Plugin

#19
post #2

Once 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.

Re: In-Field Labels: A Better Way + jQuery Plugin

#20
post #2

Once 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.

Well instead of styling all labels in the css, you could create a css class for the overlay effect and then add that class to the labels (all or just some etc.) on the form with jquery. That way it's unobtrusive javascript and works when javascript is disabled without mucking up your form.
Post reply on HN