協助使用者填寫線上表單

2015年3月18日星期三

作者: Mathieu Perreault, Chrome Software Engineer, and Zineb Ait Bahajji , Webmaster Trends Analyst

許多網站都會運用表單來完成重要步驟, 比如說,使用者在購物網站上交易或是在新網站上註冊時,都可能需要填寫表單。對於很多使用者來說,在不同網站填寫線上表單的過程,就是一次又一次地輸入自己的姓名、電子郵件地址、電話號碼或地址等常用資訊。不僅 枯燥乏味 ,還很容易出錯,導致許多人往往半途而廢。隨著人們越來越常使用行動裝置上網,使用筆電和桌機上網的頻率變少,設計表單時,更要特別注意如何能讓使用者輕鬆快速地填完表單內容! 三年前,我們宣佈在 Chrome 中支援最新的「autocomplete」屬性,讓使用者能夠 更迅速、更簡單、更能運用智慧功能填完表單 。現在,Chrome 已全面支援「autocomplete」屬性, 凡是符合現行 WHATWG HTML 標準 的表單欄位一律適用。因此,網站管理員和網站開發人員只要為輸入元素欄位加上常見資料類型的標籤 (例如「name」或「street-address」) 即可,不必再變更使用者介面或後端設定。 為表單加上自動完成標記後,許多網站管理員 在網站上建立表單的效率都更加提升

以下示範如何為表單中的電子郵件地址欄位加上標記,以便支援自動完成功能 (另附 完整表單範例 ):
<input type=”email” name=”customerEmail” autocomplete=”email” />



讓行動裝置使用者能夠更輕鬆自如地瀏覽網站是一項非常重要的課題。 我們希望越來越多表單設計者能在表單中善用「autocomplete」屬性標記。如需更多資訊,請前往我們的「Web 基礎知識」網站參閱 標籤與名稱輸入 規格。如果您有任何問題,歡迎到我們的 網站管理員說明論壇 中發文。