1)输入项占据整行内容,此时采用预设类layui-form-label设置包含输入项名称的标签元素,采用预设类layui-input-block设置包含input元素或其它输入项的div元素; 2)输入项占据部分行内容,此时采用预设类layui-form-label设置包含输入项名称的标签元素,采用预设类layui-input-inline设置包含input元素或其它输...
<form class="layui-form layui-form-pane" action=""> <div class="layui-form-item"> <label class="layui-form-label">长输入框</label> <div class="layui-input-block"> <input type="text" name="title" autocomplete="off" placeholder="请输入标题" class="layui-input"> </div> </div...
1、在使用layui的时候,把form表单的代码直接拿过来,发现每个字段的中文label这行不对齐,如下: 当前页面统一设置一下label的宽度就好了: .layui-form-label{ width: 120px!important; }
<label class="layui-form-label">下拉选择框</label> <div class="layui-input-block"> <select name="interest" lay-filter="aihao"> <option value="0">写作</option> <option value="1">阅读</option> </select> </div> </div> <div class="layui-form-item"> ...
<label class="layui-form-label">密码框</label> <div class="layui-input-inline"> <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input"> </div> <div class="layui-form-mid layui-word-aux">辅助文字</div...
<label class="layui-form-label">输入框</label> <div class="layui-input-block"> <input type="text" name="title" required lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form...
<labelclass="layui-form-label">用户密码:</label> <divclass="layui-input-block"><!--block块--> <!--lay-verify做非空验证--> <inputtype="password"name="password"lay-verify="true"autocomplete="off"placeholder="输入用密码"class="layui-input"> ...
<form class="layui-form " action=""><!--layui-form-pane 表单两种样式 --> <!--单行输入框--> <div class="layui-form-item"> <label class="layui-form-label">用户名:</label> <div class="layui-input-block"> <!--lay-verify做非空验证--> <input type="text" name="username" ...
<label class="layui-form-label">下拉选择框</label> <div class="layui-input-block"> <select name="interest" lay-filter="aihao"> <option value="0">写作</option> <option value="1">阅读</option> </select> </div> </div> <div class="layui-form-item"> ...
<label class="layui-form-label">下拉选择框</label> <div class="layui-input-block"> <select name="interest" lay-filter="aihao"> <option value="0">写作</option> <option value="1">阅读</option> </select> </div> </div> <div class="layui-form-item"> ...