Web 页面模块与内容模式 / Tool Input
Tool Input
让用户输入、配置或上传工具任务所需的信息。
Identity · 身份
- 子类型
- 模块
What · 是什么
- 定义
- 让用户输入、配置或上传工具任务所需的信息。
Why · 为什么
- 实现目标
- 先确认该模块解决的信息或任务问题,再控制内容密度、阅读顺序和动作优先级;所有证据、外链和社交内容都应有来源、替代路径和可访问语义。
Where · 在哪里
- 适用场景
- 组件与交互、Input、Select、Button、Web 界面设计、Form、Form Field、Tool、Home、Landing Page、Tool Input
How · 怎么做
- 实现说明
- 先确认该模块解决的信息或任务问题,再控制内容密度、阅读顺序和动作优先级;所有证据、外链和社交内容都应有来源、替代路径和可访问语义。
How much · 多少
- 衡量指标
- 高 · 核心
Lifecycle · 生命周期
- 状态
- 启用
Content · 补充内容
- 兼容标签
- 基础 · 高 · 核心 · 工具
适用页面类型、Web 区块、UI 组件与主题
关系来自本地关系表,并包含反向关联。
- HubSpot Website GraderHubSpot Website Grader Gate反向 · 应用于
HubSpot Website Grader 先要求输入网站,再在生成评分的路径中设置线索捕获门槛,以诊断结果作为价值交换。
- Mozilla Observatory 安全报告Mozilla Observatory Security Report反向 · 应用于
Mozilla Observatory 接收网站地址并生成安全检查报告,以分数和规则结果帮助用户定位修复任务。
- HomeHome Page应用于
面向首次访问和回访用户的站点入口页面,解释站点价值并提供主要探索路径。
- Landing PageLanding Page应用于
围绕单一活动、受众或转化目标组织的独立页面模板。
- ToolTool Page应用于
让用户输入信息、等待处理并获得可操作结果的工具型页面。
- Tool InputTool Input应用于
工具型页面中收集用户输入、设置参数和触发处理的输入区块。
- 评估评分报告Assessment / Score Report反向 · 应用于
通过一组输入或检测生成评分、诊断或报告,并将结果转成可理解的建议和下一步行动。
- 批量 / 配额队列处理Batch / Quota Queue Processing反向 · 应用于
让用户一次提交多项任务,在可见的队列、批量结果或额度限制下完成处理。
- 参数配置生成Configurable Generator反向 · 应用于
让用户通过参数、选项或上下文配置生成更贴合目标的内容或结果。
- 多步骤上传处理导出Multi-step Upload / Transform / Export反向 · 应用于
让用户上传或导入素材,经过处理预览后导出最终文件或结果。
- 单输入即时结果Single-input Instant Result反向 · 应用于
让用户提交一个明确输入后快速得到可直接使用或继续处理的结果。
- Adobe Background RemoverAdobe Background Remover反向 · 应用于
Adobe Background Remover 通过上传图片、生成透明背景预览和下载/继续编辑完成任务闭环。
- Ahrefs Keyword GeneratorAhrefs Keyword Generator反向 · 应用于
Ahrefs Keyword Generator 让用户输入关键词并选择搜索引擎、地区等上下文,再展示结果并连接到更完整的数据能力。
- Base64 Encode and DecodeBase64 Encode and Decode反向 · 应用于
用一个文本输入框承接编码或解码任务,并把操作切换和结果区域放在同一工作面。
- Buffer AI Post GeneratorBuffer AI Post Generator反向 · 应用于
Buffer AI Post Generator 用平台、语气和主题等参数生成社交内容,并以免费额度和账户路径承接持续使用。
- Canva AI Image GeneratorCanva AI Image Generator反向 · 应用于
通过提示词、风格和画幅等配置生成图片预览,把创作参数与下一步编辑导出连接起来。
- HubSpot Blog Topic GeneratorHubSpot Blog Topic Generator反向 · 应用于
将多个主题词和内容类型组合成生成配置,再返回可继续编辑的文章选题建议。
- HubSpot Website GraderHubSpot Website Grader反向 · 应用于
HubSpot Website Grader 先要求输入网站,再在评分生成路径中设置线索捕获门槛,以诊断结果作为价值交换。
- QR Code GeneratorQR Code Generator反向 · 应用于
以文本或链接作为主要输入,实时生成可下载的二维码预览,并把设计选项放在结果附近。
- Regex101Regex101反向 · 应用于
以正则表达式和测试文本为双输入,实时给出匹配、解释与调试反馈。
- Shopify Business Name GeneratorShopify Business Name Generator反向 · 应用于
通过关键词输入和生成数量配置,批量给出可浏览的品牌名候选。
- TinyPNG CompressorTinyPNG Compressor反向 · 应用于
TinyPNG 支持多文件压缩,并在免费容量限制后展示 Web Pro/Ultra 等升级路径。
- W3C Markup ValidatorW3C Markup Validator反向 · 应用于
把一项明确的验证任务压缩成 URL、上传文件或直接输入三条入口,提交后返回结构化校验结果。
- WordCounterWordCounter反向 · 应用于
通过单个文本输入即时计算字数、字符数和阅读相关指标,适合低门槛快速检查。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 组件与交互Components & Interaction应用于
定义可复用组件的结构、状态、行为和组合方式。
- ButtonButton应用于
触发动作、提交选择或打开流程。
- InputInput应用于
接收用户输入,并提供焦点、错误和只读反馈。
- SelectSelect应用于
Select 如何在界面中被理解、操作或组合?
- FormForm应用于
组织多个输入、校验、提交和结果反馈的任务组件。
- Form FieldForm Field应用于
把 Label、Input、辅助说明和错误反馈组合成可理解的输入单元。