Checkpoint 要做什麼
只驗證本主題責任，不偷渡其他答案。
本主題檔案：files/contact.html
定位：先用 [...new FormData(form).entries()] 直接看實際 key/value，不先猜後端問題。
Checkpoint · code-edit
FormData 與 successful controls
只驗證本主題責任，不偷渡其他答案。
本階段驗收
頁面不會替你修改檔案；請在實作檔完成後重新整理確認。
目前要處理
表單含四種控制項，尚未檢查實際 FormData entries。
預期看到
entryCount=2、keys=name/newsletter，且 missingNameIncluded=false、disabledIncluded=false。
const payload = new FormData(form); console.table([...payload.entries()]);檔案清單
只在本階段資料夾內操作，避免改到其他章節。
index.html
階段入口：說明本階段結果，並以真實相對路徑連到 contact.html。contact.html
表單頁：提供 label、欄位、原生驗證、submit 與狀態觀察位置。style.css
呈現層：提供表單欄位、status、disabled、focus 與窄版可讀性。main.js
行為層：處理 submit、preventDefault、mock Promise 與 idle/loading/success/error 狀態。
證據：entryCount=2、keys 含 name/newsletter、missingNameIncluded=false、disabledIncluded=false
前往 Solution →