如何防止chrome自動填充表單中的每個字段？

Question

我有一個帶有5個電子郵件字段的簡單表單的網頁。當我開始填寫第一個字段時，Chrome會建議我使用相同的電子郵件地址填寫每個字段。我不想完全禁用Chrome自動填充功能（我知道可以通過添加屬性autocomplete="off"）。

是否可以讓自動填充功能對每個字段單獨工作？

這裏的表單代碼：

<form action="#emails" method="POST" name="sponsorship_form_email" id="sponsorship_form_email" > 
    <p> 
     <label>Email 1 : </label><input type="email" class="inputtext" name="email[]" id="1" /> 
    </p> 
    <p> 
     <label>Email 2 : </label><input type="email" class="inputtext" name="email[]" id="2" /> 
    </p> 
    <p> 
     <label>Email 3 : </label><input type="email" class="inputtext" name="email[]" id="3" /> 
    </p> 
    <p> 
     <label>Email 4 : </label><input type="email" class="inputtext" name="email[]" id="4" /> 
    </p> 
    <p> 
     <label>Email 5 : </label><input type="email" class="inputtext" name="email[]" id="5" /> 
    </p> 
    <p> 
     <input value="Invite" id="send" type="submit" /> 
    </p> 
</form> 

Answer 1

給你輸入不同的名稱;）

<form action="#emails" method="POST" name="sponsorship_form_email" id="sponsorship_form_email" > 

      <p> 
       <label>Email 1 : </label><input type="email" class="inputtext" name="email1" id="1" /> 
      </p> 
      <p> 
       <label>Email 2 : </label><input type="email" class="inputtext" name="email2" id="2" /> 
      </p> 
      <p> 
       <label>Email 3 : </label><input type="email" class="inputtext" name="email3" id="3" /> 
      </p> 
      <p> 
       <label>Email 4 : </label><input type="email" class="inputtext" name="email4" id="4" /> 
      </p> 
      <p> 
       <label>Email 5 : </label><input type="email" class="inputtext" name="email5" id="5" /> 
      </p> 
      <p> 
       <input value="Invite" id="send" type="submit" /> 
      </p> 

      </form>