Support input-text UI for control groups

[mask8]

Added support input-text UI for control groups as well as other controls currently supported, such as button, radio, and checkbox.

[scottjehl]

Thanks.
This looks nice visually but we'd like to see how label elements could work into the implementation, since these placeholders are acting more like labels than placeholders (behavior aside).

• should we stack the labels left of each input as we do with ordinary text inputs?
• Should we place the label over the field so that it behaves like a placeholder attr, hiding on focus, etc (and not use a placeholder attr in that case)?

Looking forward to your ideas!
-S

[mask8]

In my opinion, application for mobile likes placeholder than having separate label due to very limited screen dimension. I'm not sure label element is mandatory for text field though.
But anyway I think that current way is fine, then people have a choice of using placeholder or label. like this: http://www.enjoitech.jp/~ma/jqm/grouptext_withlabel.html

Cheers,
-Masaki

[scottjehl]

Thanks. If you resize down to a mobile width though, our labels are meant to stack as display:block, so that unfortunately breaks up the controlgroup. Other controls take this into consideration in one way or another (checks and radios use the labels on the control itself, etc).

We'll give this idea some thought, but I'm thinking an ideal approach will use label elements that sit on top of the input and show/hide like a native HTML5 placeholder, since the two have different roles and label seems more appropriate in the use case you're showing (text says "email" vs. a placeholder like "[email protected]"). Semantics... - I know - but we'd like to find the best approach for this sort of thing.

[mask8]

ah I got it. I'll keep checking this. Thanks for your consideration and time!

[rowanwernham]

any progress on this? Vertically grouped fields with the labels as place holders are a fairly commonly used UI pattern - apps like facebook, path, square, etc..

would be nice to have a tidy way to do this with jquery mob