<form class="layui-form" action="">
<div class="layui-form-item">
<div class="layui-input-block">
<input type="text" name="title" required lay-verify="required" placeholder="请输入搜索内容" autocomplete="off" class="layui-input">
<button class="layui-btn " lay-submit lay-filter="formDemo">立即提交</button>
</div>
</div>
</form>
使用layui 创建一个form表单的时候,需求是搜索框和提交按钮排在同一列,结果却是
其实加个格栅就行了。
<form class="layui-form" action="search">
<div class="layui-form-item">
<div class="layui-row">
<div class="layui-col-xs9">
<input type="text" name="title" required lay-verify="required" placeholder="请输入搜索内容" autocomplete="off" class="layui-input">
</div>
<div class="layui-col-xs3">
<button class="layui-btn " lay-submit lay-filter="formDemo">立即提交</button>
</div>
</div>
</div>
</form>
另:去掉<div class="layui-row">也一样可以,可能是layui-col-xs9这个样式设置了宽度的原因。