跳到內容
調色盤星雲光譜
選擇版面配色

即時套用,保留目前的亮暗模式。

ContactForm (am-contact-form)

ContactForm 是可放在 ContactSection 或獨立頁面中的 form shell,負責標題、說明、欄位間距與預設 submit action。

  • default slot 放 FieldInputTextarea 或其他原生控制項
  • actions slot 可取代預設的 submit button
  • title 會建立 form 的 aria-labelledby 關聯
  • actionmethodname 等原生 form attributes 直接傳入 <form>
  • submit、validation、CSRF、API 與成功/錯誤回饋由 consumer 控制
<ContactForm title="Start an inquiry" action="/api/inquiries" method="post">
<Field controlId="email" label="Email" required={true}>
<Input id="email" type="email" autocomplete="email" required={true} />
</Field>
<Field controlId="message" label="Message">
<Textarea id="message" rows={5} />
</Field>
</ContactForm>

需要兩欄表單與 trust copy 時,可將它放入 ContactSection。詳見 playground /playground/marketing/