layui的呈现最终在于对form模块的自动渲染,下面描述是基本的结构

<div class="layui-form-item">
  <label class="layui-form-label">文字内容</label>
  <div class="layui-input-block">
    表单元素
  </div>
</div>

如果不喜欢layui定义的结构,可以进行修改,但是一定要在外层容器中定义class=“layui-form”,这样form模块才能进行运转

layui对input的内置属性

required:注册浏览器所规定的必填字段
lay-verify:注册form模块需要验证的类型
class="layui-input":layui.css提供的通用CSS类

layui对input特定的大小设置

layui-input-block:特宽
layui-input-label:较宽
layui-input-inline:一般宽

例如:class=“layui-input-inline”

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐