layer j基本属性

最新推荐文章于 2023-12-01 22:05:04 发布

狼魂豹速

最新推荐文章于 2023-12-01 22:05:04 发布

阅读量221

点赞数

本文链接：https://blog.csdn.net/liufeifeihuawei/article/details/104491031

版权

本文介绍了在layui框架中如何进行事件监听，特别是在结合vue或处理三级联动时的应用。详细讲解了form模块下对select、checkbox、switch、radio及submit事件的监听方法，提供了示例代码以展示如何获取DOM对象、选中状态、value值等关键信息。

摘要由CSDN通过智能技术生成

<!-- 响应式布局 100%自适应 -->
<div class="layui-fluid">

关于layui框架的form表单布局（小白向）
原创DSRCcsdn 最后发布于2018-12-01 21:59:29 阅读数 8868  收藏
展开
form表单的使用
在使用from表单的时候，必须先声明from模块，否则select、checkbox、radio等将无法显示，并且无法使用form相关功能，这是很多小白一开始经常犯的错误，虽然这很简单但也很基础，所以有必要在这里提一下
form模块声明
<script> layui.use('form', function () { var form = layui.form; form.render(); }); </script>
在form使用class="layui-form"
<from class="layui-form"></from>
在from里面，我们通常使用这三个类（其他地方也一样）
class="layui-元素名-item"
class="layui-元素名-inline"
class="layui-元素名-block"

比如layui-form-item单独使用这个类会默认该元素独占一行，如

 <form class="layui-form">
        <div style="padding: 20px; background-color: #F2F2F2;">
            <div class="layui-form-item">
                <input type="text" cl