layui搜索重置按钮

最新推荐文章于 2023-04-19 12:20:25 发布

FairyHe

最新推荐文章于 2023-04-19 12:20:25 发布

阅读量2.8k

点赞数 1

分类专栏：笔记文章标签： javascript java

本文链接：https://blog.csdn.net/FairyHe/article/details/111195492

版权

本文介绍了如何在layui中添加搜索和重置按钮。在HTML中添加了搜索输入框和重置按钮，接着在JS文件中定义了form表单，并编写了点击事件处理，包括查看按钮和重置按钮的响应。模糊搜索通过在mapper中设置搜索条件来实现，提供了一个使用<select>标签的示例。

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

layui重置按钮

一、html中添加重置按钮

<div class="layui-inline">
                                <input id="brandName" class="layui-input" type="text" autocomplete="off" placeholder="品牌名称/备注/简要描述"/>
                            </div>
                            <div class="layui-inline">
                                <button id="btnSearch" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>搜索</button>
                                <button id="btnReset" class="layui-btn icon-btn"><i class="layui-icon">&#xe669;<