构建表单的正确方法

时间:2011-07-11 10:40:25

标签: html css forms css-tables

我正在构建一个注册表单,我发现自己正在使用表格来正确对齐例如the MySpace equivalent我将使用colspan来实现三个生日文本区域和其他文本输入之间的均匀间距。这是违反惯例的吗?我应该研究更高级的CSS吗?

3 个答案:

答案 0 :(得分:5)

我认为你应该把桌子放在一起并使用更多的CSS。 你可以看一下:http://www.webcredible.co.uk/user-friendly-resources/css/css-forms.shtml

答案 1 :(得分:1)

我更喜欢使用Div,浮点数和边距而不是表格

答案 2 :(得分:1)

这通常违反惯例。您应该使用CSS在此处定位元素。但CSS不需要先进。 E.g。

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

CSS可以添加到这些元素中。

.field-name{ float:left; width:100px; }
.field{float:left; width:150px;}

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