将FORM用于DIV内的INPUT是否正确？

Question

我一直想知道HTML <form>标记的用法。我需要<input>容器内的<div>元素。

<form>
    <div id="container1">
        <input type="text" name="first" id="name">
    </div>
    <div id="container2">
        <input type="text" name="second" id="surname">
    </div>
</form>

这样做是否正确和自然？这会捕获表单中的所有输入元素吗？如果没有，有没有更好的方法或任何其他方式来实现这一目标？

Answer 1

在div标记内使用form是完全可以接受的，但在这种情况下，您可以尝试使用label标记而不是div。 更多信息是here。

Answer 2

form是HTML中的块级元素。通常，块级元素允许块级和内联子级。

div和span都是形式有效的孩子。

此链接可帮助您更好地理解

http://www.w3.org/TR/html4/struct/global.html#h-7.5.3

但您可以随时使用W3C Markup Validation Service来检查您的HTML。

希望这会有所帮助。您还可以阅读Box Modle以了解有关此主题的更多信息。