Skip to content

标记字段(Token field) ​

ui.TokenField 创建一个由标记(token)组成的字段,如标签或邮件收件人,编辑一个 *[]string:标记以 chip(小片)形式显示,每个都带一个移除按钮,其后是一个输入框,在其中按 Enter 或逗号可将所输入内容添加为标记,输入框为空时按 Backspace 则移除最后一个。包含所输入内容的建议显示在其下方(排除已是标记的项):Up 和 Down 在其中移动,Enter 或点击添加一项。Changed 报告变化。

go
ui.TokenField(c, &app.tags, allTags).Label("Tags")

chip 会在字段填满时换到更多行。Placeholder 在其输入框为空时显示提示文字,如 "Add a tag…";不设置时则不显示。

无障碍 ​

辅助技术将其视为一个由 Label 命名的字段,其输入部分为文本字段,每个 chip 都有一个按钮,名为 "Remove" 加上该标记。