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

【问题标题】：Is it correct to use FORM to the INPUT that is inside DIV?将 FORM 用于 DIV 内的 INPUT 是否正确？
【发布时间】：2016-11-26 16:39:34
【问题描述】：

我一直想知道 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>

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

【问题讨论】：

标签： html semantic-markup

【解决方案1】：

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

【讨论】：

您好，谢谢您的回答，请问在这种情况下label标签比div有优势吗？
这取决于你的情况。标签元素可帮助用户在点击标签后将注意力集中在输入元素上。
W3C 说：元素不会为用户呈现任何特殊的东西。但是，它为鼠标用户提供了可用性改进，因为如果用户单击元素中的文本，它会切换控件。
label 应该清楚地描述元素的用途，因为它正在被屏幕阅读器阅读给视力障碍的人；如果您想拥有可访问的网站，您应该将每个表单元素与 label 相关联

【解决方案2】：

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

div 和 span 都是 form 的有效子级。

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

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

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

希望这会有所帮助。您还可以阅读 Box Modle 以进一步了解此主题。

【讨论】：