我们需要使用以下类似的格式和布局,但我们不需要传统的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>
Run Code Online (Sandbox Code Playgroud)