跳到主要内容

搜索输入框

用于输入搜索条件并触发搜索操作

一、何时使用​

适用于需要通过关键词过滤数据或查找信息的场景：

  • 内容搜索（如文章、视频、博客）
  • 商品或产品查询
  • 地图地址定位
  • 页面数据过滤

二、属性配置​

1. 数据​

数据配置

1.1 数据绑定​

搜索输入框的数据来源为字段绑定，支持动态数据加载。

字段绑定

1.2 初始值​

可设置初始值，用于页面加载时的默认搜索内容。支持两种方式：

  • 手动赋值

    手动赋值

  • 视图参数

    视图参数

2. 功能设置​

功能配置

2.1 占位提示​

在输入框中提示用户输入内容或格式：

占位提示

2.2 最大长度​

限制用户输入字符数，例如：最大输入 50 个字符：

最大长度

2.3 前缀​

可设置前缀内容，有两种形式：

  • 文字前缀

    前缀文字

  • 图标前缀（徽标）

    前缀图标

2.4 后缀​

可设置后缀内容，也支持两种形式：

  • 文字后缀

    后缀文字

  • 图标后缀（徽标）

    后缀图标

3. 状态​

暂无特殊状态，详见：通用状态。

三、规则​

1. 表单校验​

暂无特殊校验，可结合业务规则使用。

2. 显示控制​

可通过绑定字段或条件控制组件显隐。

四、样式​

暂无独立样式配置，详见：通用样式。

五、常见使用场景​

1. 文章内容搜索​

用于博客、新闻平台中快速查找相关文章：

文章搜索

2. 地图地址查询​

用于地图、外卖、出行类应用中进行位置搜索：

地图搜索

3. 数据表格筛选​

在管理系统中，通过关键词过滤表格数据：

数据筛选