相信大家在專案中都遇到過 form 表單提交成功之後，重新整理頁面，當你再次輸入的時候文字框裡就有之前輸入過的內容，在某些時候，我們確實不想要它!那這該如何解決呢？

情況截圖如下：

定義和用法：

autocomplete 屬性是HTML5的新屬性

自動完成允許瀏覽器預測對欄位的輸入。當用戶在欄位開始鍵入時，瀏覽器基於之前鍵入過的值，應該顯示出在欄位中填寫的選項。

註釋：autocomplete 屬性適用於 <form>，以及下面的 <input> 型別：text, search, url, telephone, email, password, datepickers, range 以及 color。

屬性值
值     描述
on    預設。規定啟用自動完成功能。
off   規定禁用自動完成功能。


解決方案就是：
 

<input class="text" autocomplete="off" type="text" name="word" value="輸入商品名稱">  

<form action="/example/html5/demo_form.asp" method="get" autocomplete="on">
    First name:<input type="text" name="fname" /><br />
    Last name: <input type="text" name="lname" /><br />
 

    E-mail: <input type="email" name="email" autocomplete="off" /><br />
    <input type="submit" />
</form>

以上例子：
form  表單 autocomplete="on"   開啟自動完成功能
email 表單 autocomplete="off"  關閉自動完成功能