Question

我认为html表单对页面的布局没有影响，并且它只是一种将字段分组以便在单个请求中将其值发送到服务器的方法。

但是，我注意到当我删除表单标签时，布局会发生变化。

我在哪里可以找到＆lt; form＆gt;的视觉效果的解释标记

Answer 1

<form>是一个块级元素，所以至少它会出现在它自己的行上。它可能还有一些基本的边距和填充属性作为默认值。我建议使用Firebug来检查表单元素，看看它的布局属性是什么。

您可以通过外部css文件，文档HEAD中的css或表单上的内联样式轻松调整<form>的外观，如下所示：

<form style="margin: 0; padding: 0; background-color: #cc5500;">
...
</form>

Answer 2

大多数浏览器都有DOM检查器工具，可以显示应用于给定元素的样式。 Firebug是一个很好的例子。

简而言之，表单是一个具有display: block并且可能具有边距/填充的元素。（加上从任何作者或用户样式表中应用的任何样式）

Answer 3

form元素是块级元素，因此元素本身将具有布局属性。

不同的浏览器具有不同的默认样式（边距，填充等）以形成控件。解决这个问题的一种方法是使用CSS重置，例如Eric Meyer的经典reset.css或更加风格化的CSS框架，例如Tripoli。

请注意，表单控件在form标记之外完全有效，例如用作界面控件。

虽然W3C文档并不总是易于阅读，但它是关于HTML的权威文本。请参阅Forms in HTML documents。

Answer 4

如果您想确保使用和不使用表单的一致布局，请使用以下CSS：

form{
    margin:0;
    padding:0;
    display:block;
    }

Answer 5

Form是一个html块元素。它就像每个html块一样。它可以有默认浏览器样式应用的默认样式，因此可以根据浏览器的不同而不同。