Welcome to WebmasterWorld Guest from 54.196.217.43

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)

New User

10+ Year Member

joined:Apr 21, 2005
posts: 24
votes: 0


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)

Senior Member

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

joined:May 26, 2000
posts:37301
votes: 0


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

New User

joined:Apr 5, 2011
posts:9
votes: 0


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

New User

joined:June 16, 2011
posts: 4
votes: 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 June 19, 2011 (gmt 0)

Senior Member

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

joined:July 3, 2006
posts: 3123
votes: 0


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?)