불가능 브라우저 크롬 자동 완성 끕니다

Question

내가 (여기 link) 구글 자동 완성 주소 API

를 사용하고 난 angular2를 사용하고 있는데이 코드

HTML

<form autocomplete="off" method="post"> 
    <input autocomplete="false" name="address" type="text" style="display:none;"> 
    <div class="row"> 
    <div class="col-md-12"> 
    <div class="form-group"> 
     <label for="shippingAddress">Address*</label> 
     <input id="shippingAddress" name="address" type="text" autocorrect="off" [(ngModel)]="shipping.Address1" (blur)="checkIndirizzo()" autocapitalize="off" spellcheck="off" class="form-control" #search [formControl]="searchControl"> 
    </div> 
    </div> 
</div> 
</form> 

I입니다 이 또한

<input autocomplete="false" name="address" type="text" style="display:none;"> 
    <div class="row"> 
    <div class="col-md-12"> 
    <div class="form-group"> 
     <label for="shippingAddress">Address*</label> 
     <input id="shippingAddress" name="address" autocomplete="off" type="text" autocorrect="off" [(ngModel)]="shipping.Address1" (blur)="checkIndirizzo()" autocapitalize="off" spellcheck="off" class="form-control" #search [formControl]="searchControl"> 
    </div> 
    </div> 
</div> 

Google 자동 완성 기능은 완벽하게 작동하지만 브라우저 자동 완성은 Google지도 자동 완성의 드롭 다운을 다룹니다. 내가하고 싶은 것은이 텍스트 입력에 대한 브라우저 자동 완성을 비활성화하는 것이지만 나는 미쳐 가고있다. 몇 가지 해결책을 읽었지만 아무도 작동하지 않습니다. 일

유일한 해결책은 유형 비밀번호의 입력을 설정하는 것입니다

autocomplete="new-password" 

을 설정하지만, 문제는 내가 텍스트 상자에 작성하고이 좋지 않다 때이 점을 볼 수 있다는 것입니다.

숨겨진 입력 필드도 있지만 아무 것도하지 않아도됩니다. Chrome을 사용 중입니다. v 63.0.3239.84

도움이 필요하십니까?

Answer 1

크롬은 입력 전에 텍스트를 분석하고 단어를 기반으로 자동 완성 UI를 실행합니다. 입력 후 레이블을 넣으면 문제가 해결된다는 것을 알았습니다. 나는 공간을 유지하기 위해 위의 빈 라벨을 유지하고 내가

https://codepen.io/anthonyholmes/pen/YYvXEa