How can I organize large form elements on a page?

Question

I have large number of form elements (80+) to design on the html page. Is there nice way to organize and design those elements ?

Pranay Rana · Answer 1 · 2011-09-16T04:22:55.547

1

put you control in Sections of Div and than minimize/maximize the dive

example : http://dyndiv.markusbordihn.de/example/moveable-min-max/ when you click cross sign it minimize and maixmize div....same thing you can do it by using +/- sign something like expading control. but this do involve javascript.

or

Make use of Tabs to organize control. : http://jqueryui.com/demos/tabs/

edited Sep 16 '11 at 04:22

answered Sep 15 '11 at 12:14

Pranay Rana

175,020
35
237
263

I like to put it as TAB with focus.. can u give me some sample links – Loganathan Natarajan Sep 15 '11 at 12:36

score 1 · Accepted Answer · answered Sep 16 '11 at 07:33

1

While I agree with @Pranay Rana about the pattern of breaking the fields up in sections, make it more semantic and give your AT (assistive technololgy) users a break and organize your forms and section related items off in <fieldset> elements.

answered Sep 16 '11 at 07:33

steveax

17,527
6
44
59

How can I organize large form elements on a page?

2 Answers2