如何在不实际使用<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>