<form class="layui-form" action="" lay-filter="example"> <div class="layui-form-item"> <label class="layui-form-label">输入框</label> <div class="layui-input-block"> <input id="shuru" type="text" name="username" lay-verify="title" autocomplete="off" placeholder="请输入标题" ...
<form id="editItemForm" class="layui-form" style="margin-top: 20px;margin-right: 20px"> <div class="layui-form-item"> <label class="layui-form-label">所属店铺</label> <div class="layui-input-block"> <select id="itemStoreSelect" name="storeId" lay-verify="required" lay-search...
lay-verify:注册form模块需要验证的类型 class="layui-input":layui.css提供的通用CSS类 <divclass="layui-form-item"> <labelclass="layui-form-label">姓名:</label> <divclass="layui-input-block"> <!--layui-input-block块级元素--> <inputtype="text"name="title"requiredlay-verify="required"...
lay-verify:注册form模块需要验证的类型 class="layui-input":layui.css提供的通用CSS类 1. 2. 3. <divclass="layui-form-item"> <labelclass="layui-form-label">姓名:</label> <divclass="layui-input-block"> <!--layui-input-block块级元素--> <inputtype="text"name="title"requiredlay-veri...
-- 按钮--> <div class="layui-form-item"> <div class="layui-input-block"> <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button> <button type="reset" class="layui-btn layui-btn-primary">重置</button> </div> </div> </form>...
form-item"> <label class="layui-form-label">单选框</label> <div class="layui-input-block"> <input type="radio" name="sex" value="0" title="男"> <input type="radio" name="sex" value="1" title="女" checked> </div> </div> <div class="layui-form-item layui-form-text">...
<divclass="layui-form-item"> <labelclass="layui-form-label">学生姓名</label> <divclass="layui-input-inline"> <inputtype="text"name="studentName"id="studentName"placeholder="请输入学生姓名"autocomplete="off"class="layui-input">
class命名前缀:layui,连接符:-,如:class="layui-form" 命名格式一般分为两种:一:layui-模块名-状态或类型,二:layui-状态或类型。因为有些类并非是某个模块所特有,他们通常会是一些公共类。如:一(定义按钮的原始风格):class="layui-btn layui-btn-primary"、二(定义内联块状元素):class="layui-inline" ...
<div class="layui-tab-item">内容3</div> </div> </div> 你如果改变了结构,极有可能会导致Tab功能失效。所以在嵌套HTML的时候,你应该细读各个元素模块的相关文档(如果你不是拿来主义) HTML规范:常用公共属性 很多时候,元素的基本交互行为,都是由模块自动开启。但不同的区域可能需要触发不同的动作,这就需要...
<form class="layui-form"> <!-- 提示:如果你不想用form,你可以换成div等任何一个普通元素 --> <div class="layui-form-item"><!--承载一组元素,其中有一个表单元素--> <label class="layui-form-label">标题</label> <div class="layui-input-block"> ...