在瞭解表單元素和如何製作互動式表單後，我們來看看如何協助使用者避免重新輸入資料。
充分運用自動填入功能
填寫表單可能會耗費許多時間。舉例來說，如果每次在購物網站上購物時都必須重複輸入地址，購物體驗就不會太好。
自動填入功能可在這方面提供協助。只需輸入一次地址。從現在起，瀏覽器會提供自動填入其他表單相同地址的選項。
你搬到其他城市了嗎？ 別擔心舊地址會永久保留。您可以編輯瀏覽器為您儲存的地址資料，以便保持資料的最新狀態。
自動填入功能在瀏覽器中的運作方式為何？
地址欄位在不同網站上的外觀可能大不相同。瀏覽器如何判斷這是地址欄位？
瀏覽器會使用啟發式法則來識別地址欄位。name、type 和 id 屬性的值為何？表單控制項上是否有 autocomplete 屬性？
根據這項資訊，瀏覽器可以提供自動填入選項，讓使用者在欄位中填入先前輸入的相同類型資料。瀏覽器甚至可以自動填入整個表單。
協助瀏覽器使用自動填入功能
讓我們來看看如何協助瀏覽器提供正確的自動填入選項。
使用合理的屬性值
如您所知，瀏覽器可以查看表單控制項的屬性，藉此辨識資料類型。
<label for="email">Email</label>
<input type="email" name="email" id="email">
您是否有使用者應輸入電子郵件地址的欄位？
請使用 email 做為 name、id 和 type 屬性的值。向瀏覽器提供三個提示，指出這是電子郵件欄位。
自動完成屬性
在其他情況下，瀏覽器仍可能難以僅從 name、id 和 type 屬性來識別資料類型。您可以使用 autocomplete 屬性來協助處理這個問題。
您是否曾在使用的瀏覽器中輸入名稱？瀏覽器可能會提供選項，讓您在示範中再次填入這個欄位。
您可以在後續單元中進一步瞭解如何使用自動完成和自動填入功能。
進行隨堂測驗
測驗你對自動填入功能的瞭解
系統會根據哪些屬性提供自動填入功能？
name 屬性。type 屬性autocomplete 屬性