javascript - 如何在不实际使用 <form> 的情况下使用 Bootstrap 表单布局？

Question

我们需要使用类似以下内容的格式和布局，但我们不想要传统的 HTML 表单(我们使用 ajax、javascript 在我们的控件上提取/设置数据)。问题是当您点击“输入”时，页面假设您正在提交表单，这可能是因为有表单标签(但没有提交按钮，所以它可能默认为其中一个按钮，但这是另一回事):

<form role="form" class="form-horizontal">      
        <legend>Product Header Information</legend>
        <div class="form-group form-group-sm">
            <label for="pid" class="control-label field_name2 col-xs-4 col-sm-4 col-md-3">Product ID:</label>
            <div class="col-xs-8 col-sm-4 col-md-4">
                    <input class="form-control" id="pid" />
            </div>
        </div>
.....
</form>

Answer 1

这是答案，只需将“form”替换为“div”，这似乎在 firefox、IE 和 Chrome 中运行良好。它确实有道理。我需要 css 类，我使用 css 类，谁在乎什么标签？

<div class="form-horizontal">      
        <legend>Product Header Information</legend>
        <div class="form-group form-group-sm">
            <label for="pid" class="control-label field_name2 col-xs-4 col-sm-4 col-md-3">Product ID:</label>
            <div class="col-xs-8 col-sm-4 col-md-4">
                    <input class="form-control" id="pid" />
            </div>
        </div>
.....
</div>