的来源
我有一种与Safari一起使用的表单,但与Chrome Autofill不合适。
屏幕截图自动填充建议
选定" 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>
有人有些想法可以使此自动填充正确工作?
谢谢!
只是一个建议,您是否尝试过生成autocomplete="on"
而不是autocomplete="given-name"
?
来自[w3school][1]