zfxcms ^回到顶部

您的当前位置:首页 > web资讯 > layui的表单一行多个写法

layui的表单一行多个写法

所属分类: UI框架   2021-07-28 14:47:15  编辑:admin  浏览次数 344 次

1.直接写

<div class="layui-form-item">
   <label class="layui-form-label tdoa-required">标题</label>
   <div class="layui-inline">
       <input type="checkbox" name="dragContrNameShow" lay-skin="switch" lay-filter="required" lay-text="启用|禁用" value="true">
       <div class="layui-input-inline">
           <input type="text" name="dragContrName" autocomplete="off"  value="111" lay-verify="required|max:10" lay-error="必填|名称不能大于10个" placeholder="请填写标题" class="layui-input">
       </div>
   </div>
   <div class="layui-inline">
       <label class="layui-form-label tdoa-required">跳转链接</label>
       <div class="layui-input-inline">
       <input type="text" name="dragContrNameUrl" autocomplete="off"  value="222" lay-verify="url" lay-error="请填写正确的url" placeholder="请填写跳转链接" class="layui-input">
       </div>
   </div>
</div>


二、用布局去写

Web文章检索

Web文章目录