「从选择到输入」：Select 组件体验再升级

引言

企业级系统中，Select 下拉选择在表单、表格、筛选域中几乎无处不在。看似简单的操作，却往往是用户容易“卡壳”的地方。

H-ZERO 前端基础研发团队一直在思考：

👉 如何让用户在“选一个值”这件事上，获得更进一步的体验。

根据多个项目反馈，针对 Select 组件，我们不断打磨交互细节，从 直接选择 到 可搜索，再到 可聚合输入，并在近期新增了 输入提示能力，让操作方式更清晰、路径更明确。

一、选项多了，可直接搜索

当下拉选项逐渐增多，Select 支持分页显示，逐条查找相对麻烦。

为此，Select 支持通过 searchable 开启搜索能力：

• 内置默认搜索逻辑，开箱即用
• 也支持自定义搜索规则，适配复杂业务字段

二、选项不全，那就直接聚合输入

在部分业务场景中，

👉 「选项只是参考，真正想要的值可能并不在列表中」。

此时，Select 的combo聚合值能力便派上了用场：

• 支持用户直接输入一个下拉选项中不存在的新值

• 同时保留下拉选择能力，兼顾规范与灵活

三、输入提示：让用户一眼明白“这里该怎么用”

在实际业务场景中我们发现，即使具备搜索、输入、选择等多种能力，用户依然会产生疑问：

• 这里能不能输入？
• 这里是搜索，还是可直接填写值？

于是，我们在 Select 中新增了输入提示能力，帮助用户在操作前就建立正确预期。

1. 输入框提示：提前告诉用户“你可以做什么”

根据属性配置，生成 placeholder 提示，明确告知当前 Select 支持的操作方式。
在用户还没开始操作之前，就降低理解成本。

2. 下拉框中提示：操作过程中持续引导

当下拉展开时，同样会展示对应的提示信息。

让用户在搜索或输入过程中，始终知道下一步会发生什么。

3. 提示信息可自定义

Select 支持输入提示，可全局启用，也可按需针对单功能开关，提示内容支持平台多语言自定义。

结语

H-ZERO 平台持续优化基础组件，不断精益求精的打磨交互细节，提升系统操作体验。

已在飞搭低代码平台中配置 Select 输入提示功能。

如果您有更好的想法和建议，欢迎您积极反馈给我们。更多详细内容可查看以下文档。

● Select 下拉选择