html - 使用表格的 HTML 表单

Question

这是我网站的注册页面。我使用了一个表格，每一行都有每个唯一的输入字段。但有太接近另一个领域。看图片：

如何在两个字段之间放置一些换行符？由于整个表格都在表格中，我不能简单地做到这一点。

Answer 1

使用 CSS

在table标签中给你创建的表一个类

<table class="myFormContainer">

然后在您的样式表中创建类并给表格 TD 一些填充；

.myFormContainer tr td{padding: 0 3px 0 3px;}

这将在 td 的顶部和底部创建一个 6px 的间隙 - 当然包含您的表单输入字段。

:)

Answer 2

1）如果每个“输入行”是 beetween<p>并且</p>您可以使用 CSS 规则

例如：

<div id="myForm">
...
...
<p><label for="firstname">Firstname:</label> <input type="text" id="firstname"/>* </p>
...
...
</div>

在 CSS 中，您可以声明：

#myform p{
 border-bottom: 1px solid black
}

最后一个参数是颜色或RGB值，后跟#

2）您可以使用html命令<hr/>