标签（多值） 控件 可视化代码生成平台 · 输入增强控件

农哥

标签（多值） 控件

可视化代码生成平台 · 输入增强控件（4/27）

用途：录入多个离散值——兴趣标签、关键词、技能、分类标记，可回车或逗号分隔成多个气泡。
存储：varchar(255)（多个值用英文逗号分隔存放）。
列表/搜索：列表显示成小气泡；搜索为包含匹配（按整串）。
适用：一个字段要挂"多个并列关键词/标记"的场景。

控件解析（外观 · 行为交互 · 样式 · 数据）

维度	说明
外观	输入框 + 已选标签气泡区；输入回车或逗号即生成一颗气泡；气泡可点 × 删除。
行为交互	回车/逗号确认一个标签；退格删最后一个；点击气泡 × 移除。
样式	气泡颜色、圆角、间距随主题可调；可限制最大标签数。
数据	存英文逗号分隔字符串；保存时去重/去空；显示时按逗号拆成小气泡。

属性面板（右侧）功能详解

① 基础设置

字段	说明
字段名	业务表列名。
标签	如"关键词标签"。
提示文案	提示"回车添加多个"。

② 显示设置

字段	说明
进列表	列表以气泡展示。
可搜索	模糊匹配。
排序权重	位置。

③ 专属属性

字段	说明
分隔符	默认英文逗号；前端自动识别逗号/回车。
最大数量	可选，超出拦截。

④ 高级

字段	说明
启用 / 停用	停用仅隐藏。

演示

兴趣标签（回车添加）

PHP MySQL

技巧：标签存的是"逗号分隔串"，不是数组；需要结构化（如带值）请用键值对/多行表格。逗号分隔意味着单个标签内不要含英文逗号。

标签（多值） 控件文档 · 随工具迭代更新