对 DIV 内的 INPUT 使用 FORM 是否正确？

Question

我一直在想 HTML <form> 标签的用法。我需要它用于 <div> 容器内的 <input> 元素。

<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

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

Answer 2

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

div 和 span 都是表单的有效子项。

这个link可以帮助你更好地理解

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

但您始终可以使用 W3C Markup Validation Service 来检查您的 html。

希望这会有所帮助。您还可以阅读 Box Modle 以获得对该主题的更多理解。

对 DIV 内的 INPUT 使用 FORM 是否正确？

Is it correct to use FORM to the INPUT that is inside DIV?

html

semantic-markup