각도 재료: 입력에 대한 자동 완성 제안을 비활성화할 수 있습니까?

각도 재료: 입력에 대한 자동 완성 제안을 비활성화할 수 있습니까?

이렇게 간단한 입력 컨테이너를 사용하고 있습니다.

<md-input-container class="md-block" flex-gt-sm >
    <label>Name</label>
    <input md-maxlength="30" name="name" ng-model="name" />
</md-input-container>

입력 필드에는 이전에 입력된 값이 제시되어 있어 중요한 인터페이스 요소를 가리고 있으며, 이 경우에는 필요하지 않습니다.제안을 비활성화할 수 있는 방법이 있습니까?

다음과 같이 입력 요소에 autocomplete="off"를 추가합니다.

<input md-maxlength="30" name="name" ng-model="name" autocomplete="off" />

이것을 참조해 주세요.

브라우저는 종종 이름 속성이 없거나 자동 채우기 기능(이름, 이메일, 거리, 국가...)에 대해 공통으로 설정된 입력에 대해 autocomplete="off"를 무시합니다.

제 경우 입력이 특이한 이름을 설정해도 충분합니다.

<input type="text" name="someUnusualName" autocomplete="off">

입력에 autocomplete="off"를 추가하지만 최신 브라우저의 경우 autocomplete="off"를 사용합니다.

레거시 브라우저

<input md-maxlength="30" name="name" ng-model="name" autocomplete="off" />

최신 브라우저

<input md-maxlength="30" name="name" ng-model="name" autocomplete="nope" />

만약 누군가 저와 같은 경험을 했을 경우를 대비해서(현재 답변이 제 크롬에서는 작동하지 않았기 때문에) 아래와 같이 사용했는데, 효과가 있었습니다.

<input md-maxlength="30" name="name" ng-model="name" autocomplete="new-password" />

새 브라우저는 id 필드 또는 이름 필드를 보고 자동 채우기에서 원하는 항목을 확인하는 것 같습니다.자동 채우기를 끄고 싶을 때 철자를 거꾸로 쓰기 시작했어요.

문제 태그 - 자동 채우기 팝업

<input id='cp_state_i' required />

수정 - 자동 채우기 아님 팝업

<input id='cp_etats_i' required />

나의 문제는 주(州)에 대해 자동 완성 옵션 목록을 사용하고 있다는 것이었다.팝업이 문제였다.이건 내 결정이야, 널 도와줄지도 몰라.

일부 텍스트 필드에서 작동하는 것으로 보이는 또 다른 사항은 다음과 같습니다.

<input autocomplete='new-password'/>

type='text를 삭제하면 아무것도 뜨지 않게 됩니다만, 어떤 이유로든 모든 것이 잘 되지 않았습니다.

브라우저가 더 이상 autocomplete='off'를 준수하지 않는 이유를 모르겠습니다.단순한 로그인 폼 이외의 CRUD 및 기타 합리적인 조작을 취급할 때는 몇 가지 문제가 생깁니다.

<input type="text" id="example" placeholder="" matInput  [(ngModel)]="item.productDescription" [matAutocomplete]="product" [matAutocompleteDisabled]="condition"/>

유효한 조건으로 [matAutocompleteDisabled]속성을 사용합니다.

입력만 사용type="search"괜찮을 거야Google Chrome 버전 92.0.4515.107(공식 빌드)(arm64)에서 테스트 완료

예:<input type="search" name="namesearch" id="search-cust" placeholder="Shop Name" style="width:170px" />

언급URL : https://stackoverflow.com/questions/35448269/angular-materials-can-you-disable-the-autocomplete-suggestions-for-an-input