Chrome 자동 완성을 사용하지만 기입하지 않습니다.

Question

Chrome 자동 완성으로는 Safari에서는 작동하지만 Chrome Autofill에서는 작동하지 않는 양식이 있습니다. 몇 가지 아이디어가 올바르게 자동 완성 작업을 할

<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> 

사람 : 웹 페이지에 생성

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 코드 :

Screen shot autofill suggestion

Screen shot after selected "Adriaan"

코드 입력 필드를 생성?

감사합니다.

Answer 1

그냥 제안했는데 autocomplete="given-name" 대신 autocomplete="on"을 생성 해 보았습니까?

소스가 좋아, 그래, 내가 전에하려고 생각 [w3school][1]