制作web表单的最佳实践
制作web表单的最佳实践
提问于 2010-01-30 03:45:16
是否可以使用表格来制作web表单，或者我应该使用div？我知道如何使用表格，但我应该如何用div制作表单，还是使用表格更好？
<form method="post">
<table>
<tr>
<td>
<label for="username">Username:</label>
</td>
<td>
<input type="text" name="username" id="username"/>
</td>
</tr>
<tr>
<td>
<label for="password">Password:</label>
</td>
<td>
<input type="password" name="password" id="password"/>
</td>
</tr>
<tr>
<td>
<input type="submit" name="cancel" value="Cancel"/>
</td>
<td>
<input type="submit" name="send" value="Send"/>
</td>
</tr>
</table>
</form>回答 6
Stack Overflow用户
回答已采纳
发布于 2010-01-30 03:47:48
Stack Overflow用户
发布于 2010-01-30 03:51:06
一条生存规则:只使用表格来显示表格数据。
这对我来说一直都很有效……
Stack Overflow用户
发布于 2010-01-30 03:51:18
在我看来，表单最好的格式是在带有标签的字段集中使用无序列表。无论如何，这是语义上最正确的方式：
<form method="post" action="foo.php">
<fieldset>
<legend>Some fields</legend>
<ul>
<li>
<label for="foo">Foobar</label>
<input type="text" name="foo" id="foo" />
</li>
</ul>
</fieldset>
</form>字段集不是强制的，但可以激活原本单调乏味的表单。让ul看起来像表单的基本CSS可能是这样的：
form ul {
list-style: none;
margin: 0;
}
form ul li {
margin-bottom: 10px;
}
form ul li label {
display: block;
float: left;
width: 150px;
line-height: 24px;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2164686
复制相关文章
相似问题
腾讯云开发者
