jsp页面点击查询后弹出layUI小框进行信息输入,按钮为取消和确定或者保存

您可以使用 LayUI 提供的弹出层（layer）组件来实现这个功能。具体步骤如下：

1. 在 jsp 页面中引入 layUI 相关的 css 和 js 文件。

2. 在查询按钮的点击事件中，调用 layer.open() 方法打开一个弹出层。例如：

   <button onclick="openLayer()">查询</button>
   
   <script>
   function openLayer() {
     layer.open({
       type: 1,
       title: '输入信息',
       content: '<div><input type="text" placeholder="请输入信息"></div>',
       btn: ['取消', '确定'],
       yes: function(index, layero) {
         // 取消按钮的回调函数
         layer.close(index);
       },
       btn2: function(index, layero) {
         // 确定按钮的回调函数
         var inputVal = $(layero).find('input').val();
         // 处理输入的信息
         layer.close(index);
       }
     });
   }
   </script>

在这个例子中，我们定义了一个 `openLayer()` 函数，在点击查询按钮时调用这个函数。这个函数中，我们使用 `layer.open()` 方法打开一个弹出层。其中：

- `type: 1` 表示这是一个普通的弹出层。
- `title: '输入信息'` 表示弹出层的标题。
- `content: '<div><input type="text" placeholder="请输入信息"></div>'` 表示弹出层的内容，这里是一个包含一个输入框的 div 元素。
- `btn: ['取消', '确定']` 表示弹出层的底部按钮，这里有一个取消按钮和一个确定按钮。
- `yes: function(index, layero) { ... }` 表示点击取消按钮时的回调函数。这里我们只是关闭弹出层。
- `btn2: function(index, layero) { ... }` 表示点击确定按钮时的回调函数。这里我们获取输入框中的值，并进行处理。最后，也要关闭弹出层。

3. 根据实际需求，可以对弹出层的样式、位置等进行进一步的配置和定制。

希望这个例子能对您有所帮助！