本頁只練什麼
能依姓名、Email、電話的資料目的設定 autocomplete 與 inputmode。
正確 token 降低重複輸入，inputmode 提示行動裝置顯示合適鍵盤。
要修改的檔案：files/starter/contact.html
定位：先依欄位的資料目的命名。｜依 starter-3 定位，只修改「autocomplete 與 inputmode」的責任。
LESSON-03 · TOPIC 03
autocomplete 與 inputmode
能依姓名、Email、電話的資料目的設定 autocomplete 與 inputmode。
任務情境
先結果，再原理；完成後要能說出自己看見的證據。
現在的問題
聯絡表單在手機每欄都顯示相同鍵盤，也無法自動填寫。
起始狀態：三個 input 都沒有 autocomplete/inputmode。
完成後要看到
autocomplete 為 name/email/tel，Email inputMode=email，電話 inputMode=tel。
驗收證據：autocompleteValues 與 inputModeValues 全部符合用途
何時會用到
聯絡、寄送、登入與結帳等重複個人資料欄位。
常見混淆：inputmode=tel 不等於 type=tel 驗證；autocomplete 也不取代 required。
觀念與最小範例
這段程式是理解起點，不是要你直接跳過 Starter。
autocomplete 與 inputmode Autocomplete purpose tokens and input mode hints
autocomplete 告訴瀏覽器這格是什麼資料；inputmode 提示手機鍵盤。
正式說法：autocomplete 接收語意 token；inputmode 是軟體鍵盤型態提示，不自動驗證值。
Email input 使用 autocomplete=email 與 inputmode=email。三步完成本主題
每一步都留下可觀察結果；如果沒看到，先看「卡住先查」。
Step 1｜先看見目前缺口，不急著貼答案。
檔案：
files/starter/contact.html定位：先依欄位的資料目的命名。要做：先重新載入 Starter，記錄目前畫面、DOM、Computed、Console 或文件內容。
預期：能指出「先依欄位的資料目的命名。」目前的缺口。
證據：保存 files/starter/contact.html 的目前狀態，並指出下一步只會修改哪個檔案責任。
卡住先查：確認開啟的是 files/starter/contact.html，且定位到 先依欄位的資料目的命名。。
Step 2｜只修改本主題的一個責任。
檔案：
files/starter/contact.html定位：先依欄位的資料目的命名。要做：套用三個欄位對應的 autocomplete/inputmode，讀取 DOM properties。
預期：autocomplete 為 name/email/tel，Email inputMode=email，電話 inputMode=tel。
證據：autocompleteValues 與 inputModeValues 全部符合用途
卡住先查：先依欄位的資料目的命名。
Step 3｜重新載入並以證據驗收，不以『看起來差不多』判定完成。
檔案：
files/starter/contact.html定位：先依欄位的資料目的命名。要做：重新整理頁面，再逐項比對預期結果與 evidence。
預期：autocomplete 為 name/email/tel，Email inputMode=email，電話 inputMode=tel。
證據：autocompleteValues 與 inputModeValues 全部符合用途
卡住先查：先依欄位的資料目的命名。
觀察示範
這個示範只讓你看懂概念，不會替你修改 Starter，也不會自動宣告完成。
autocomplete 與 inputmoderuntime fixture · read-only demo
本主題示範畫面：
驗收證據
勾選只是學習紀錄；真正完成仍要回到 Starter 的實際結果。
提示 1｜方向
先分成個人姓名、電子郵件、電話號碼。
提示 2｜關鍵片段
autocomplete 用 name/email/tel；inputmode 在 Email/電話格用 email/tel。
提示 3｜完整解答與原因
完整解答與原因：姓名設 autocomplete=name，Email 設 autocomplete/inputmode=email，電話設 autocomplete/inputmode=tel；因為前者描述資料目的，後者提示行動鍵盤。