---
order: 16
navTitle: 搜索框
---
# SuperPage组件-搜索框

搜索框组件的功能与[文本输入组件](./textinput.md#submit)类似，可实现数据的快速过滤或提交。以快速过滤数据的功能为例，使用搜索框组件和[列表组件](../data/list.md)搭配使用，搜索企业的人员信息：

![搜索框组件](./images/2020-12-31-11-36-11.gif)

示例：[搜索框组件](https://demo.succbi.com/v5/DEMO/app/ap.app?id=%E6%90%9C%E7%B4%A2%E6%A1%86)

## 使用搜索框组件过滤数据{#filter}

使用搜索框组件过滤数据与[文本输入组件](./textinput.md#autofilter)类似，但无法选择**匹配模式**，默认是`包含`的过滤方式，因此常用于快速实现数据的模糊查询。

::: tip 更多
除了搜索框组件，[快速搜索组件](./searchbox.md)也可以实现更准确的数据过滤，两者的区别可参考[快速搜索与搜索框的区别](./searchbox.md#difference)
:::

## 使用搜索框组件提交数据{#submit}

搜索框组件**提交数据**的使用方法与其他输入组件**提交数据**的操作方式类似，勾选**提交数据**属性并设置**绑定字段**属性，可以将输入信息提交到数据库中，具体可参考[文本输入组件](./textinput.md#submit)。