Html 构建表单的正确方法

Html 构建表单的正确方法,html,css,forms,css-tables,Html,Css,Forms,Css Tables,我目前正在创建一个注册表单,我发现自己求助于表格,以便正确地对齐内容,例如,我将使用colspan来实现三个生日文本区域和其他文本输入之间的均匀间距。这是否违反了惯例?我是否应该研究更高级的CSS?我更喜欢使用div、float和margin,而不是tables这通常是违反惯例的。您应该使用CSS在此处定位元素。不过,CSS不必是高级的。例如 <div class="field-name"><label for="birthday">Birthday</label&

我目前正在创建一个注册表单,我发现自己求助于表格,以便正确地对齐内容,例如,我将使用colspan来实现三个生日文本区域和其他文本输入之间的均匀间距。这是否违反了惯例?我是否应该研究更高级的CSS?

我更喜欢使用div、float和margin,而不是tables

这通常是违反惯例的。您应该使用CSS在此处定位元素。不过,CSS不必是高级的。例如

<div class="field-name"><label for="birthday">Birthday</label></div>
<div class="field"><input class="text-field" name="birthday" type="text" /></div>

这将使字段彼此相邻。我不确定你的布局,但这确实是一个简单的例子。如果需要,您也可以删除div,并相应地更改CSS。我希望这能有所帮助。

我认为你应该把表格放在一起,使用更多的CSS。
你可以看看这个:

既然你链接到了MySpace,为什么不看看他们的html/css,看看他们是如何做到的呢?这种问题不会产生很大程度的主观答案吗?
.field-name{ float:left; width:100px; }
.field{float:left; width:150px;}