表格内的随机空间答案

【问题标题】：Random space inside form表格内的随机空间
【发布时间】：2014-01-20 06:09:05
【问题描述】：

我正在为我的网站制作一个表单，在第一个标签和输入之间有一个空白区域。当我删除标签时，一切都会恢复正常，但我想使用标签。提前感谢任何可以提供帮助的人。

<form id="contactForm">
<div class="tableRow">
<p><label for="name">Name</label></p>
</p><input type="text" name="name"></input><p>
</div>
<div class="tableRow">
<p><label for="email">Email</label></p>
<p><input type="email" name="email"></input></p>
</div>
<div class="tableRow">
<p><label for="comments">Comments</label></p>
<p><textarea cols="48" rows="10" name="comments"></textarea></p>
</div>
</form>

这是我的css

#contactForm{
margin: 0 auto;
display: table;
}

.tableRow{
display: table-row;
}

.tableRow p{
display: table-cell;
vertical-align: top;
}

.tableRow p:first-child{
text-align: right;
}

【问题讨论】：

你能给一些 jsfiddle 演示来解释你真正的意思吗？
同样for属性应该等于元素的id而不是name。
你能解释一下这个属性是什么吗？
HTML 属性是 HTML 元素的修饰符。在这种情况下，我的意思是 for="name" 应该通过向输入提供 id="name" 来链接到输入。 id 和 for 都称为属性。

标签： html forms html-table

【解决方案1】：

问题是你的P标签

</p><input type="text" name="name"></input><p>

应该是

<p><input type="text" name="name"></input></p>

【讨论】：

【解决方案2】：

改一下

 </p><input type="text" name="name"></input><p>

您刚刚放置了结束 p 标记的拳头

改成

<p><input type="text" name="name"></input></p>

检查这个DEMO

【讨论】：