HAP前端——表单的使用

需求：

<form class="form-horizontal" id="myForm">
                <div class="panel-body" id="querySale">
                    <!--一行-->
                    <div class="row">
                        <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-sm-3 control-label"><@spring.message "orgcompanys.companyname"/></label>
                            <div class="col-sm-9">
                                <input type="text" style="width: 100%" id="companyId"
                                       data-bind="text:model.companyName,value:model.companyId" class="k-textbox">
                            </div>
                        </div>
                         </div>
                        <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-sm-3 control-label"><@spring.message "arcustomers.customername"/></label>
                            <div class="col-sm-9">
                                <input type="text" style="width: 100%" id="customerId" data-bind="text:model.customerName,value:model.customerId" class="k-textbox">
                            </div>
                        </div>
                        </div>

                        <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">销售订单号</label>
                            <div class="col-sm-9">
                                <input type="text" style="width: 100%" id="orderNumber"
                                       data-bind="value:model.orderNumber" class="k-textbox">
                            </div>
                        </div>
                        </div>
                    </div>
                    <!--第二行-->
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="form-group">
                                <label class="col-sm-3 control-label"><@spring.message "orgcompanys.companyname"/></label>
                                <div class="col-sm-9">
                                    <input type="text" style="width: 100%" id="companyId"
                                           data-bind="text:model.companyName,value:model.companyId" class="k-textbox">
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="form-group">
                                <label class="col-sm-3 control-label"><@spring.message "arcustomers.customername"/></label>
                                <div class="col-sm-9">
                                    <input type="text" style="width: 100%" id="customerId" data-bind="text:model.customerName,value:model.customerId" class="k-textbox">
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-4">
                            <div class="form-group">
                                <label class="col-sm-3 control-label">销售订单号</label>
                                <div class="col-sm-9">
                                    <input type="text" style="width: 100%" id="orderNumber"
                                           data-bind="value:model.orderNumber" class="k-textbox">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>