Chrome 自动填充已启用，但未填写
Posted
技术标签:
【中文标题】Chrome 自动填充已启用，但未填写【英文标题】：Chrome Autofill enabled, but does not fill in 【发布时间】：2017-12-17 09:09:41 【问题描述】：我有一个适用于 Safari 的表单，但不适用于 Chrome 自动填充。
Screen shot autofill suggestion
Screen shot after selected "Adriaan"
生成输入字段的代码：
Array.prototype.forEach.call(vars, function(variable)
modal = modal + " \
<div class='form-group row' style='padding-left: 5%; padding-right: 5%;'> \
<div class='input-group'> \
<span class='input-group-addon' id='"+variable+"icon'><i class='fa "+icons[variable]+"' aria-hidden='true'> </i><label for='"+variable+"'>"+labels[variable]+"</label></span> \
<input type='"+types[variable]+"' name='"+names[variable]+"' id="+variable+" placeholder='"+placeholders[variable]+"' required autocomplete='"+autocomp[variable]+"' autocomplete='on' class='form-control' style='position: relative;'></input> \
</div> \
</div>";
);
网页上生成的html代码：
<div class="form-group row" style="padding-left: 5%; padding-right: 5%;">
<div class="input-group">
<span class="input-group-addon" id="firstnameicon"><i class="fa " aria-hidden="true"> </i><label for="firstname">First Name</label></span>
<input type="text" name="fname" id="firstname" placeholder="John" required="" autocomplete="given-name" class="form-control" style="position: relative;">
</div>
</div>
任何人有一些想法可以使这个自动填充正常工作吗？
谢谢！
【问题讨论】：
【参考方案1】：只是一个建议，您是否尝试过生成autocomplete="on" 而不是autocomplete="given-name"？
来源取自[w3school][1]
【讨论】：
好吧，是的，我以为我之前尝试过，但我写了 autocomplete="given-name" autocomplete="on" 然后 "on" 被覆盖了......所以这行得通！谢谢！以上是关于Chrome 自动填充已启用，但未填写的主要内容，如果未能解决你的问题，请参考以下文章