瀏覽器和您 (開發人員) 可以協助使用者更快輸入資料,並避免重複輸入資料。

自動填入功能可讓瀏覽器自動使用使用者儲存的資訊 (例如姓名、地址和付款詳細資料) 填入表單欄位。瞭解自動填入功能的運作方式,以及如何確保瀏覽器提供適當的自動填入選項,有助於節省使用者的時間和麻煩,並協助他們避免出錯。啟用自動填入功能,有助於減少使用者放棄流程,並提高表單提交率。

特別是商務和結帳流程,開發人員發現自動填入功能對買家體驗和商家成效帶來重大助益。

1/3 的訪客結帳 (使用者看到空白表單) 會使用自動填入功能,而使用自動填入功能的工作階段,結帳完成率最高可提升 41%。—Shopify

瞭解詳情

瞭解自動填入功能的運作方式,以及自動完成和其他元素屬性如何確保瀏覽器提供適當的自動填入選項。
瞭解如何啟用自動填入功能,協助使用者盡可能快速輕鬆地填寫地址和付款表單,進而盡量提高轉換率。
請查看所有可用於自動填入功能的自動完成類型清單。

想讓使用者快速輕鬆地從購物車進入付款流程嗎?

瞭解如何使用內建瀏覽器功能,設計可盡量提高轉換率的結帳表單。

偵錯和疑難排解

熟悉 DevTools 功能,瞭解表單自動填入功能的運作方式,並找出相關問題。
瞭解如何使用開發人員工具的自動填入面板,檢查並偵錯儲存在 Chrome 中的地址資訊。
稽核表單使用情形,並檢查是否有常見問題:無效的屬性或元素用法、缺少屬性、自動完成錯誤,以及其他類型的表單程式碼問題。

測量

瞭解如何評估瀏覽器自動填入功能對表單的影響,進而深入瞭解使用者與表單互動的情形,並找出可改善之處。
精通 HTML 表單,提升網頁程式開發人員的專業技能!我們的「學習表單」課程會將 HTML 表單分解為易於理解的部分,並引導您操作表單元素、設定表單樣式、協助使用者重新輸入資料、確保表單可供存取且安全無虞,以及測試表單等。
想進一步瞭解自動填入功能的最佳做法嗎?請即刻報名參加由 Google Chrome 工程師和產品專家主辦的網路研討會!