Chrome 已启用自动填充，但未填写

Question

我有一个适用于 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'>&nbsp;</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">&nbsp;</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>

任何人有什么想法可以使这个自动填充正常工作吗？

谢谢！

Answer 1

只是一个建议，您是否尝试过生成 autocomplete="on" 而不是 autocomplete="given-name"？

来源取自[w3school][1]

Chrome 已启用自动填充，但未填写

Chrome Autofill enabled, but does not fill in

html

javascript

google-chrome

autofill