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＆amp;铬。它确实有意义..我需要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>

Answer 2

使用表单是正确的方法。为了防止表单在提交时刷新页面，您可以使用jQuery：

("form").on("submit", function () { /*your ajax*/ return false; });

Answer 3

在ajax的世界中，form标记几乎没有用。它是Web 2.0之前版本的保留。如果div.form-horizontal有效，请使用它。

如何使用bootstrap表单布局而不实际使用<form>？</form>

3 个答案: