表单 form-inline 内容一行显示时,换行

表单元素一行显示时,由于屏幕宽度不够时,自动换行不好看

可以在指定位置手动换行 自还要增加标签<br/>

form 一个表单的简单写法:

<form class="form-inline" id="search_form">
    <div class="form-group">
        <label>产品名称:</label>
        <input name="storagename" type="text" class="form-control" placeholder="请输入产品名称">
    </div>
    <div class="form-group">
        <label>客户姓名:</label>
        <input name="customername" type="text" class="form-control" placeholder="请输入客户名称">
    </div>
    <div class="form-group">
        <label>销售人员:</label>
        <select id="empsalename" name="empsalename">
        </select>
    </div>
    <br><br>
    <div class="form-group">
        <label>日 期 : </label> <input name="fromdate" type="date" class="form-control"
                                    placeholder="请输入日期范围">
    </div>
    <div class="form-group">
        <label> ~ </label> <input name="todate" type="date" class="form-control"
                                  placeholder="请输入日期范围">
    </div>
    <button οnclick="selectAllByConditions()" type="button" class="btn btn-warning">查询</button>
    <button οnclick="reset()" type="button" class="btn btn-warning" >清空</button>
    <button οnclick="print_excel()" type="button" class="btn btn-warning" >导出</button>

</form>
  • 5
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值