谷歌浏览器自动完成功能不起作用答案

【问题标题】：Google Chrome autocomplete not working谷歌浏览器自动完成功能不起作用
【发布时间】：2018-02-27 03:06:36
【问题描述】：

我在键入时收到自动完成建议，但是当我选择值时它不会填充该字段。

这是它工作的另一个例子，然后停止工作：

HTML

<input type="text" name="last-name" autocomplete="last-name" value="MacIsaac">

表单是用 React 构建的

【问题讨论】：

【解决方案1】：

根据https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-autocomplete，autocomplete="family-name" 应该自动补全到姓氏。

所以最终结果应该是：<input type="text" name="last-name" autocomplete="family-name" value="MacIsaac">

【讨论】：

gif 显示正在提示自动完成。没有发生的是任何其他正确的行为。这是一个包含您所做更改的 GIF，media.giphy.com/media/2xExfjv9j1beSZ8VLf/giphy.gif
@SeanJM 你试过在其他浏览器中调试吗？
我认为问题出在 React 上。我有shouldComponentUpdate 在它是静态的地方正常工作，我把相同的代码 JSFiddle 和它的罚款。这可能只是我缺少的东西。
我已经能够在这里通过一个基本示例重新创建 Chrome 上的行为：jsfiddle.net/1rjL506k/2

【解决方案2】：

确保您的输入包含在 form 元素中，并且自动完成功能将起作用。

【讨论】：