2016-11-18 100 views
1

我的網站存在問題,Chrome autocomplete似乎無法正常工作。 它一直在努力,但並不一致。自動完成功能無法在Chrome上工作

例如,我有一個input場這樣的:

<input type="text" class="gwt-TextBox Inputfield TextInputfield form-control" maxlength="40" name="name" autocomplete="name" width="0" style="max-width: 26em; width: 100%;"> 

當我開始進入我的名,autocomplete下拉將打開如預期,但是當我在autocomplete滴選擇我的名字下降,沒有任何反應,但下拉關閉。

Screensnip of the issue

也不例外記錄在控制檯中。

帶字段的頁面是here

回答

0

屬性自動完成必須是「開」或「關」

<input autocomplete="on|off"> 

參考here

+0

非常感謝 - 愚蠢的我!我最終在輸入字段周圍添加了表單標籤,即使它沒有用作帶有submit和等的表單,以便在選擇名稱時允許自動填充來填充所有字段。 –

+0

不如「的」使用自動完成的提示,而不是隻說在輸入電平 ^這也可以讓你有你想要的任何輸入名稱。以下是html表單輸入的詳細自動填充/自動填充標記列表:https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#attr-fe-autocomplete-name – catalint

-1

我認爲autocomplete =「name」是一個真正的假屬性, 所以你可能會尋找其他屬性?或js函數

0

autocomplete屬性只能處理兩個值; 「開」或「關」。

至於你的代碼,建議保持autocomplete="on"<form>的水平。但是,如果你想保留此功能,只有名稱輸入字段,代碼應該是:

<input type="text" class="gwt-TextBox Inputfield TextInputfield form-control" maxlength="40" name="name" autocomplete="on" width="0" style="max-width: 26em; width: 100%;"> 


PS:

在某些瀏覽器,你可能需要激活自動完成功能爲 這工作(在瀏覽器的菜單中查看「首選項」)

0

嘗試類似這樣的事情。在您的表格標籤中添加以下autocomplete="on"並輸入標籤。

<form action="" method="post" autocomplete="on"> 
    First Name: <input type="text" class="gwt-TextBox Inputfield TextInputfield form-control" maxlength="40" name="name" autocomplete="on" width="0" style="max-width: 26em; width: 100%;"> 
    <input type="submit" value="Submit"> 
    </form>