class="layui-inline":定义外层行内 class="layui-input-inline":定义内层行内 1. 2. <divclass="layui-inline"> <divclass="layui-input-inline"style="width: 240px"> <inputtype="text"name="ip"placeholder="请输入IP地址"class="layui-input"style="width: 150px; float: left"> <buttonclass...
上面这段代码中,用到了class="layui-input-block" 最终页面显示如下: 两个输入框是单独一行的。 inline: inline元素不会独自占一行,多个相邻元素会排在同一行中,直到一行排不下,才会新换一行,其宽度随元素的内容而变化 <divclass="layui-form-item"> <divclass="layui-inline"> <labelclass="layui-form-...
inline: inline元素不会独自占一行,多个相邻元素会排在同一行中,直到一行排不下,才会新换一行,其宽度随元素的内容而变化 <divclass="layui-form-item"><divclass="layui-inline"><labelclass="layui-form-label">验证手机</label><divclass="layui-input-inline"><inputtype="tel"name="phone"lay-verify=...
inline: inline元素不会独自占一行,多个相邻元素会排在同一行中,直到一行排不下,才会新换一行,其宽度随元素的内容而变化 <divclass="layui-form-item"><divclass="layui-inline"><labelclass="layui-form-label">验证手机</label><divclass="layui-input-inline"><inputtype="tel"name="phone"lay-verify=...
上面用到的是 class="layui-input-inline"就是两个输入框都在同一行。
<divclass="layui-input-inline"> <!-- lay-search=""搜索选择并且有联想过滤功能--> <selectname="jiguan"lay-filter="jiguan"lay-search=""> <optionvalue=""></option> <optionvalue="0">湖北</option> <optionvalue="1"selected="">湖南</option> ...
一个是一个表单元素占一行，竖着，以例表的形式排列。另一个允许，多个表单控件占一行，横着，一行可以放置多个表单元素。
class="layui-inline":定义外层行内 class="layui-input-inline":定义内层行内 忽略美化渲染 可以对表单元素增加属性lay-ignore设置后,将不会对该标签进行美化渲染,即保留系统风格。 <inputtype="radio"name="sex"value="nan"title="男"lay-ignore>...
<div class="layui-input-inline" style="width: 20%"> <select name="categoryleveloneId" lay-filter="classify" id="one"> <option value="">请选择</option> <option th:each="cate : ${oneList}" th:value="${cate.id}" th:text="${cate.name}"></option> ...
<div class="layui-input-inline"> <input type="password" id="L_repass" name="repass" lay-verify="required|repass" autocomplete="off" class="layui-input" placeholder="请再次输入密码"> </div> <div class="layui-form-item"> <label for="L_repass" class="layui-form-label"> ...