Form

Hello,

I have been looking for a two columns form and I found the following
one with, at least seems to me, good and clean code:
http://woork.blogspot.com/2008/06/clean-and-pure-css-form-design.html

I myself created a two column form using an Ordered List.
On each list item I have the label, textbox and so on.
The problem with my form is that the CSS and markup got to complex ...
even if it works fine.

What do you think about the one the url I am posting?
Do you have other suggestions of a two column form?

Thank You,
Miguel

In article
<f47b9959-2628-4d02-9f2d-346ebfcb0fb7 (AT) d38g2000prn (DOT) googlegroups.com>,
shapper <mdmoura (AT) gmail (DOT) com> wrote:

I myself created a two column form using an Ordered List.

What is ordered about it? Is there something wrong with using a table
for a form?

--
dorayme

On Apr 28, 10:29*am, Gregor Kofler <use... (AT) gregorkofler (DOT) com> wrote:

Tables. Which makes sense semantically, too.

I was using a list because most recent examples I saw recently use
lists (For example: A list apart example).

The table on the form would be used for the form layout and not for
displaying tabular data ...

I mean, shouldn't something else then tables be used?

If not a list then a div?

And the option for an ordered list was because I saw on somewhere that
for in case of some individuals and systems the order of the elements
on the form would matter.

Thanks,
Miguel

shapper wrote:

On Apr 28, 10:29 am, Gregor Kofler <use... (AT) gregorkofler (DOT) com> wrote:
Tables. Which makes sense semantically, too.

I was using a list because most recent examples I saw recently use
lists (For example: A list apart example).

The table on the form would be used for the form layout and not for
displaying tabular data ...

I mean, shouldn't something else then tables be used?

No. It is tabular data (rows of label => field). It's ideally suited.
Tabular data isn't just spreadsheet stuff, tabular data can have any
number of columns or anything in them.

Dorayme's advice was exactly right.

If not a list then a div?

By and large, we like tableless layouts here and are proponents. With
that said, the table is perfectly appropriate here.

And the option for an ordered list was because I saw on somewhere that
for in case of some individuals and systems the order of the elements
on the form would matter.

Tab index works on the natural flow of fields, unless you specify it.

Jeff

Thanks,
Miguel

On Apr 28, 11:35*am, Jeff <jeff_th... (AT) att (DOT) net> wrote:

* No. It is tabular data (rows of label => field). It's ideally suited.
Tabular data isn't just spreadsheet stuff, tabular data can have any
number of columns or anything in them.

* *Dorayme's advice was exactly right.

Ok, I think I will go for tables then.

And here is one more option (Definition lists :-)):
http://www.clagnut.com/blog/241/

On Apr 28, 11:35*am, Jeff <jeff_th... (AT) att (DOT) net> wrote:

What confuses me is that I see form on tables ...

.... on lists (A List Apart)

.... on paragraphs (Eric Meyer - http://meyerweb.com/eric/thoughts/2007/05/15/formal-weirdness/)
( Check form on bottom)

And many more ...

Thanks,
Miguel

shapper wrote:

On Apr 28, 11:35 am, Jeff wrote:
No. It is tabular data (rows of label => field). It's ideally suited.
Tabular data isn't just spreadsheet stuff, tabular data can have any
number of columns or anything in them.

Dorayme's advice was exactly right.

Ok, I think I will go for tables then.

And here is one more option (Definition lists :-)):
http://www.clagnut.com/blog/241/

Oh, sure, I'd do what *these* guys suggest. They're the same wizards who
brought us font-size:0.8125em (on the page you cite) and font-size:62.5%.

--
John
It's not like I ever use *sarcasm*, now, is it?

On Apr 28, 11:54*am, John Hosking <J... (AT) DELETE (DOT) Hosking.name.INVALID>
wrote:

Oh, sure, I'd do what *these* guys suggest. They're the same wizards who
brought us font-size:0.8125em (on the page you cite) and font-size:62.5%.

I am not doing what those guys suggest ... I am just comparing the
options I have and try to form an opinion.

I also read the following: http://www.cs.tut.fi/~jkorpela/forms/tables.html

For now what I think would be more correct is a table or a definition
list (http://www.w3.org/TR/html401/struct/lists.html#edef-DL).

I just feel that every time I am using a table is for tabular data and
if I have a label with multiple inputs for that label I see the table
for as a way to layout the form ... but that is just me.

I am just looking for the options available and reading about it.

In relation to definition lists I found the following approach:
http://www.cue-the-sun.com/ato/FDF_trials/fdf_indent.html

On Apr 28, 3:24*pm, shapper <mdmo... (AT) gmail (DOT) com> wrote:

In relation to definition lists I found the following approach:http://www..cue-the-sun.com/ato/FDF_trials/fdf_indent.html

Sorry, that is not a definition list example.