由於Webkit自動填充，無法在輸入中輸入

Question

我已經在上下搜索了此問題的解決方案，我有一個登錄表格，如果用戶是第一次登錄，則允許用戶在輸入中鍵入內容，但是如果他們之前已經登錄並且已打開自動完成功能，則不可能在輸入字段中單擊並進行編輯。 我在它們的上方看到了'cant type'光標符號。 這僅在Chrome中發生。

這不是在本地發生，只是在我的登台站點上，這也令人擔憂，因為它們之間沒有區別（就html，css和js文件而言）。

我嘗試了在這里找到的各種修復程序，例如將autocomplete="off"添加到我的輸入標簽中。 還嘗試了這部分js，這是XHTML doctypes的一種解決方法：

if (document.getElementsByTagName) 
{
    var inputElements = document.getElementsByTagName('input');

    for (i=0; inputElements[i]; i++) 
    {
        if (inputElements[i].className && (inputElements[i].className.indexOf('disableAutoComplete') != -1)) 
        {
            inputElements[i].setAttribute('autocomplete','off');
        }
    }
}

還有這個

if ($.browser.webkit) 
{
    $('input[name="password"]').attr('autocomplete', 'off');
}

我最接近解決此問題的方法是，如果我檢查輸入並將其位置更改為絕對/固定，則會破壞自動完成功能，然后如果將位置更改回相對位置，則可以輸入，但是顯然這並不是真正的解決方案，表明以某種方式自動填充/自動完成是問題所在。 任何幫助將不勝感激。

Answer 1

我之前也遇到過同樣的問題，這肯定是由webkit的自動填充功能引起的。 通過刪除整個表單並現在使用javascript serializator作為表單處理器來解決。 這比弄亂瀏覽器標准更容易。

Answer 2

最后，修復此問題的方法是在表單上設置相對位置並更改其z-index，