表单选择字段

formSelect 字段存储对受 FaceFlow 管理的表单的引用。

最适合用于

• 线索采集部分
• 联系部分
• 报价请求部分
• 咨询请求嵌入

模式示例

{ "name": "contactForm", "label": "Form", "type": "formSelect" }

模板用法

<div data-form-embed="{contactForm}"></div>

典型的区段包裹示例：

<section class="contact-section">
  {{#if contactForm}}
    <div data-form-embed="{contactForm}"></div>
  {{/if}}
</section>

使用时机

当组件应在创作时嵌入一个可重用的、由作者选择的表单时，使用 formSelect。

不适用情况

在以下情况不要使用 formSelect：

• 区段只需要一个 CTA 链接时
• 工作流实际上并不是受管理的表单时
• 正在硬编码原始表单标记时

运行时行为

在渲染时，所选值作为嵌入标记使用的受管理表单标识符。

典型流程：

author selects form
-> component stores form reference
-> template renders data-form-embed marker with the selected field value
-> runtime resolves and renders the managed form

这会使表单模型与周围区段设计保持分离。

技术说明

• 保持周围区段的可重用性，并让表单掌握提交行为
• 不要在多个组件中重复相同的表单模式
• 每个组件实例优先保持一个明确的表单用途
• 与附近的说明性文案配对，而不是嵌入没有业务上下文的表单

相关

• 表单
• 评价选择
• 组件