Welcome to WebmasterWorld Guest from 54.158.166.6

Forum Moderators: incrediBILL

Message Too Old, No Replies

form design with multiple text inputs in a row

how to design a form with 15-18 small text inputs in a row - table or Div?

   
5:23 pm on May 24, 2011 (gmt 0)

10+ Year Member



I need to design a form with many input fields in a row (around 15). What is the best approach to design such a layout. Shall I use table or Div? I can't attach a screenshot here but this is an application with lot of data being displayed in 15-18 small text boxes in a row (math value for each month) in a row.

Vicky..
5:57 pm on May 24, 2011 (gmt 0)

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member



It sounds like tabular data to me - tables should work nicely.
2:14 pm on Jun 15, 2011 (gmt 0)



Definitely, I'll recommend table for many input field.
11:09 pm on Jun 17, 2011 (gmt 0)



I suppose it depends on the number of rows you intend to display. Not sure if 'modern' browsers are different but in the bad old days a table wouldn't display until all rows had been downloaded. So the user would see nothing for a few seconds and then the table would appear in a flash.
11:26 am on Jun 19, 2011 (gmt 0)

WebmasterWorld Senior Member penders is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



Definitely, I'll recommend table for many input field.


I would also recommend a table, not because there are many fields, but because it does indeed sound like tabular data (as @tedster suggests).

...a table wouldn't display until all rows had been downloaded.


Generally (these days) a table will start to display as the page begins to load and display progressively. However, whether there are certain edge conditions that can prevent a page from displaying until it has loaded in its entirety I'm not sure. (May be to do with calculating its final dimensions?)