source

Chrome이 자동 완성="off"를 무시합니다.

ittop 2023. 4. 22. 10:26

Chrome이 자동 완성="off"를 무시합니다.

태그 박스 드롭 다운을 사용하는 웹 애플리케이션을 만들었습니다.이 기능은 Chrome 브라우저(버전 21.0.1180.89)를 제외한 모든 브라우저에서 작동합니다.

다 input 및 " " "form" " 를 가진 autocomplete="off"Chrome은 이 필드에 대한 이전 엔트리의 드롭 다운 이력을 보여주기를 고집하고 있으며, 이는 태그 박스 목록을 지우고 있습니다.

사용자 이름(또는 이메일) 및 암호 자동 완성 방지:

<input type="email" name="email"><!-- Can be type="text" -->
<input type="password" name="password" autocomplete="new-password">

필드 자동 완성 방지(작동하지 않을 수 있음):

<input type="text" name="field" autocomplete="nope">

설명:

autocomplete 중이다<input> autocomplete="off" 수 있어요.off, 예를 들면 「무작위라고 하는 것입니다.nope.

필드의 자동 완성을 해제하기 위한 기타 "솔루션"은 다음과 같습니다(올바른 방법은 아니지만 작동합니다).

HTML:

<input type="password" id="some_id" autocomplete="new-password">

JS(부하):

(function() {
    var some_id = document.getElementById('some_id');
    some_id.type = 'text';
    some_id.removeAttribute('autocomplete');
})();

또는 jQuery를 사용합니다.

$(document).ready(function() {
    var some_id = $('#some_id');
    some_id.prop('type', 'text');
    some_id.removeAttr('autocomplete');
});

HTML:

<form id="form"></form>

JS(부하):

(function() {
    var input = document.createElement('INPUT');
    input.type = 'text';
    document.getElementById('form').appendChild(input);
})();

또는 jQuery를 사용합니다.

$(document).ready(function() {
    $('<input>', {
        type: 'text'
    }).appendTo($('#form'));
});

jQuery를 사용하여 둘 이상의 필드를 추가하려면:

function addField(label) {
  var div = $('<div>');
  var input = $('<input>', {
    type: 'text'
  });
  
  if(label) {
    var label = $('<label>', {
      text: label
    });
    
    label.append(input);
    div.append(label);    
  } else {
    div.append(input);    
  }  
  
  div.appendTo($('#form'));
}

$(document).ready(function() {
  addField();
  addField('Field 1: ');  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="form"></form>

기능:

크롬: 49 이상
파이어폭스: 44 이상

갱신하다

크롬은 크롬을 하는 것 .style="display: none;" ★★★★★★★★★★★★★★★★★」style="visibility: hidden;★★★★★★ 。

다음과 같이 변경할 수 있습니다.

<input style="opacity: 0;position: absolute;">
<input type="password" style="opacity: 0;position: absolute;">

경험상 은 첫 Chrome만 보완합니다.<input type="password"> 앞의 previous and and and<input>그래서 덧붙였습니다.

<input style="display:none">
<input type="password" style="display:none">

「」의 맨 <form>사건이 해결됐어요

Chrome은 Chrome을 무시한 것 .autocomplete="off" 아닌 한<form autocomplete="off">

UPDATE : 2021 갱 2021 :
<input type="text">를 <input type="search" autocomplete="off">로 변경합니다.

그게 다야.향수를 위해 아래 답변을 주변에 보관합니다.

신뢰성 높은 회피책을 위해 레이아웃 페이지에 다음 코드를 추가할 수 있습니다.

<div style="display: none;">
 <input type="text" id="PreventChromeAutocomplete" 
  name="PreventChromeAutocomplete" autocomplete="address-level4" />
</div>

크롬은 폼에 다른 자동 완성 값을 가진 입력 요소가 하나 이상 있는 경우에만 자동 완성=끄기를 고려합니다.

이것은 암호 필드에서는 작동하지 않습니다. Chrome에서는 매우 다르게 처리됩니다.상세한 것에 대하여는, https://code.google.com/p/chromium/issues/detail?id=468153 를 참조해 주세요.

업데이트: 2016년 3월 11일 크롬 팀의 "Won't Fix"로 버그가 종료되었습니다.자세한 것은, 원래의 버그 리포트의 마지막 코멘트를 참조해 주세요.TL;DR: 자동 완성="new-street-address"와 같은 의미 자동 완성 특성을 사용하여 Chrome이 자동 채우기를 수행하지 않도록 합니다.

현대적 접근법

해 주세요.readonly이치노는 ""를 입력하지 .readonly이 업데이트에 않습니다.따라서 이 메서드는 허용되며 이후 브라우저 업데이트에 의해 덮어쓰지 않습니다.

<input type="text" onfocus="this.removeAttribute('readonly');" readonly />

하다이 「」처럼 않게, .readonlydiscloss.discloss.

input[readonly] {
     cursor: text;
     background-color: #fff;
}

작업 예

어떻게 할지 좀 것 autocomplete작동해야 하고 말아야 합니다. Chrome는 HTML을 덮어쓸 수 .autocomplete:

https://www.w3.org/TR/html5/forms.html#autofilling-form-controls:-the-autocomplete-attribute

사용자 에이전트는 사용자가 요소의 자동 채우기 필드 이름을 덮어쓸 수 있도록 허용할 수 있습니다. 예를 들어 "Off"에서 "On"으로 변경하여 페이지 작성자의 반대에도 불구하고 값을 기억하고 미리 채울 수 있도록 하거나 값을 기억하지 않고 항상 "Off"로 설정할 수 있습니다.단, 사이트의 프리퍼런스에 관계없이 모든 값이 항상 기억되면 사용자에게 중대한 보안 영향이 있기 때문에 사용자 에이전트는 사용자가 자동 채우기 필드 이름을 "off"에서 "on" 또는 기타 값으로 변경할 수 없도록 해야 합니다.

Chrome의 으로 "할 수 맡기겠습니다"라고말하고 있습니다.autocomplete★★★★★★★★★★★★★★★★★」원하지 않으면 브라우저에서 활성화하지 마십시오.

하지만, 이것은 그들의 입장에서 내가 좋아하는 약간 과한 것 같지만, 그것은 그렇다.이 사양에서는 이러한 이행의 잠재적인 보안 영향도 설명합니다.

"off" 키워드는 통제관의 입력 데이터가 특히 민감하거나(예를 들어 핵무기의 활성화 코드) 절대 재사용되지 않을 값(예: 은행 로그인을 위한 일회성 키)이므로 사용자는 매번 데이터를 명시적으로 입력해야 한다.UA에 의존하여 값을 미리 입력할 수 없거나 문서가 자체 자동 완성 메커니즘을 제공하며 사용자 에이전트가 자동 완성 값을 제공하지 않도록 할 수 있습니다.

그래서 다른 사람들과 똑같은 좌절감을 경험하고 나서, 나는 나에게 맞는 해결책을 찾았다..autocomplete="false"★★★★★★ 。

Mozilla 기사는 이 문제를 정확하게 설명합니다.

https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion

경우에 따라서는 자동완료 속성이 off로 설정되어 있어도 브라우저는 자동완료 값을 계속 제시합니다.이 예상치 못한 행동은 개발자들에게 상당히 곤혹스러울 수 있다.no-complete를 실제로 강제하는 방법은 임의의 문자열을 속성에 할당하는 것입니다.

따라서 다음 코드가 작동해야 합니다.

autocomplete="nope"

그리고 다음 사항도 각각 수행해야 합니다.

autocomplete="false"
autocomplete="foo"
autocomplete="bar"

할 수 입니다.autocomplete속성 「속성할 수 유일한 입니다.autocomplete속성 값을 지정합니다.

가 있는 한 가지 포인트는 많은 입니다.autocomplete로그인 필드(메시지 및 비밀번호) 설정.모질라 모질라 모질라 모질라 모질라 모질라 모질라 모질라 모질라 모질라 모질라 모질라 모질라 모질라 모질라 모질라

이러한 이유로 대부분의 최신 브라우저에서는 로그인 필드에 대해 autocomplete="off"를 지원하지 않습니다.

사이트에서 양식에 대해 autocomplete="off"를 설정하고 양식에 사용자 이름과 비밀번호 입력 필드가 포함된 경우 브라우저는 여전히 이 로그인을 기억하도록 제안하며 사용자가 동의하면 브라우저는 다음 번에 이 페이지를 방문할 때 이러한 필드를 자동으로 채웁니다.

사이트에서 사용자 이름 및 암호 입력 필드에 대해 autocomplete="off"를 설정한 경우 브라우저는 여전히 이 로그인을 기억하도록 제공하며, 사용자가 동의하면 브라우저는 다음 번에 이 페이지를 방문할 때 이러한 필드를 자동으로 채웁니다.

이는 Firefox(버전 38 이후), Google Chrome(34 이후) 및 Internet Explorer(버전 11 이후)에서의 동작입니다.

으로 Attribute Attribute Attribute Attribute에 여부를 .form " " "input again. 이 답이 .양음

자동 완성 속성이 생략된 경우 요소 양식 소유자의 자동 완성 속성 상태에 해당하는 기본값이 대신 사용됩니다("on" 또는 "off").양식 소유자가 없는 경우 "on" 값이 사용됩니다.

그래서 모든 입력란에 넣어야 합니다.개별 요소에 배치하는 것은 해당 요소에만 적용됩니다(양식에 없는 요소도 마찬가지입니다. ifautocomplete, 로는 「이러다」로 되어 있습니다.기본값은 입니다.on.

요약

「」를 디세블로 , 「」를 디세블로 합니다.autocomplete체체: :

<form autocomplete="off" ...>

또는 동적으로 작업을 수행해야 하는 경우:

<form autocomplete="random-string" ...>

「」를 디세블로 , 「」를 디세블로 합니다.autocomplete요소에 에 관계없이

<input autocomplete="off" ...>

또는 동적으로 작업을 수행해야 하는 경우:

<input autocomplete="random-string" ...>

, 의 유저 는, 가장 로 무효가 되는 가 되는 .autocomplete.

TL;DR: Chrome에게 이 암호는 새 암호 입력이며 이전 암호는 자동 완성 제안으로 제공되지 않는다고 말합니다.

<input type="password" name="password" autocomplete="new-password">

autocomplete="off"설계상의 결정으로 동작하지 않는다.많은 조사에 의하면, 유저는 패스워드를 브라우저나 패스워드 매니저에 격납할 수 있으면, 패스워드를 해킹하는 것이 훨씬 더 오래 걸리고 어려워진다.

「」의 autocomplete 는 변경되어 로그인 폼의 자동 완성을 용이하게 하기 위해 다양한 값을 지원하게 되었습니다.

<!-- Auto fills with the username for the site, even though it's email format -->
<input type="email" name="email" autocomplete="username">

<!-- current-password will populate for the matched username input  -->
<input type="password" autocomplete="current-password" />

이러한 Chrome을 제공하지 않으면 여전히 추측을 시도하고 있으며, 크롬을 제공하더라도 무시됩니다.autocomplete="off".

은 그 이다.autocomplete이치노

<label>Enter your old password:
    <input type="password" autocomplete="current-password" name="pass-old" />
</label>
<label>Enter your new password:
    <input type="password" autocomplete="new-password" name="pass-new" />
</label>
<label>Please repeat it to be sure:
    <input type="password" autocomplete="new-password" name="pass-repeat" />
</label>

하실 수 .autocomplete="new-password"이 사이트에 저장된 비밀번호가 있더라도 Chrome에게 비밀번호를 추측하지 않도록 알리는 플래그를 사용합니다.

또한 Chrome은 인증 정보 API를 사용하여 사이트의 암호를 직접 관리할 수 있습니다. 이 API는 표준으로 향후 보편적인 지원을 받게 될 것입니다.

상시 기능하는 솔루션

구글 크롬과의 끝없는 싸움을 랜덤 캐릭터로 해결했습니다.랜덤 문자열로 항상 자동 완성을 렌더링하면 아무것도 기억되지 않습니다.

<input name="name" type="text" autocomplete="rutjfkde">

그것이 다른 사람들에게 도움이 되기를 바랍니다.

업데이트 2022:

크롬autocomplete="new-password"크롬이 다시 다른 기능으로 바꾸면 문제가 해결되겠지만 잘 모르겠어요.

은 시시 the the the the를 사용하는 이다.type="search"구글은 검색 입력에 자동 채우기를 적용하지 않습니다.

참조: https://twitter.com/Paul_Kinlan/status/596613148985171968

2016년 4월 4일 업데이트: 수정되었습니다!http://codereview.chromium.org/1473733008 를 참조해 주세요.

브라우저가 autocomplete=off auto를 신경 쓰지 않거나 잘못된 텍스트 필드에 자격 증명을 입력하기도 합니까?

사용자가 비밀번호를 클릭하거나 이 필드에 탭 키를 사용할 때 비밀번호 필드를 읽기 전용으로 설정하여 활성화했습니다.

브라우저 자동 채우기 수정: 읽기 전용 및 포커스 설정(마우스 클릭 시 및 필드 탭 사용)

 <input type="password" readonly  
     onfocus="$(this).removeAttr('readonly');"/>

업데이트: Mobile Safari는 필드에 커서를 설정하지만 가상 키보드는 표시되지 않습니다.New Fix는 이전과 동일하게 작동하지만 가상 키보드를 처리합니다.

<input id="email" readonly type="email" onfocus="if (this.hasAttribute('readonly')) {
    this.removeAttribute('readonly');
    // fix for mobile safari to show virtual keyboard
    this.blur();    this.focus();  }" />

라이브 데모 https://jsfiddle.net/danielsuess/n0scguv6/

// 업데이트 종료

덧붙여서, 제 관찰에 대한 자세한 내용은 다음과 같습니다.

Chrome과 Safari에서 동일한 형식의 비밀번호 필드가 있을 때 이 이상한 동작을 볼 수 있습니다.브라우저가 저장된 자격 증명을 삽입하기 위한 암호 필드를 찾습니다.다음으로 가장 가까운 textlike-input 필드에 사용자 이름을 자동 입력합니다.이 필드는 DOM의 패스워드 필드 앞에 표시됩니다(관찰에 의한 추측일 뿐입니다).브라우저가 마지막 인스턴스로 사용자가 제어할 수 없기 때문에 autocomplete=off라고 해도 사용자 또는 닉네임 필드가 아닌 잘못된 필드에 자격 증명을 입력할 수 있습니다.

Chrome 버전 34를 .autocomplete=off이것 좀 봐.

이게 좋은 것인지 나쁜 것인지에 대한 많은 토론?어떻게 생각하세요?

하시면 됩니다.autocomplete="new-password"

<input type="email" name="email">
<input type="password" name="password" autocomplete="new-password">

기능:

크롬: 53, 54, 55
파이어폭스: 48, 49, 50

[Crome(v88, 89, 90), Firefox, Brav, Safari에 2021년 대응]

여기에 기재되어 있는 오래된 답변은 시행착오를 수반하지만, 대부분의 답변은 공식 문서나 Chrome이 이 문제에 대해 말하는 내용에 링크되어 있지 않습니다.

질문에서 언급된 문제는 Chrome의 자동 채우기 기능 때문입니다.이 버그 링크에 있는 Chrome의 입장은 다음과 같습니다.https://bugs.chromium.org/p/chromium/issues/detail?id=468153#c164

간단히 말하면, 두 가지 경우가 있습니다.

[케이스 1]: 고객님의input은 타입이 것을 .password이 경우 솔루션은 단순하며 3단계로 구성됩니다.
- name input
- name이메일이나 사용자 이름과 같은 값으로 시작하면 안 됩니다.크롬를 들어, 「」라고 하는 것은,name="emailToDelete" 드롭 을 나타냅니다만, 「다만,name="to-delete-email"그렇지 않다.입니다.autocomplete여하하다
- autocomplete에게 의미 있는 를 들어주세요.new-field-name
이렇게 되어 있습니다.이 입력에 대한 자동 채우기는 평생 동안 다시 볼 수 없습니다.
```
<input type="text/number/something-other-than-password" name="x-field-1" autocomplete="new-field-1" />
```
[케이스 2]:input typepassword
- 글쎄요, 이 경우 시험판과는 상관없이 Chrome은 비밀번호를 관리하거나 기존 비밀번호를 사용하기 위한 드롭다운을 표시합니다.파이어폭스도 비슷한 일을 할 것이고, 다른 모든 주요 브라우저에서도 마찬가지일 것이다.[1]
- 이 경우 사용자에게 패스워드를 관리하거나 안전하게 생성된 패스워드가 표시되지 않도록 하려면 이 질문의 다른 답변에서 설명한 바와 같이 JS를 사용하여 입력 유형을 전환해야 합니다.

[1] 자동완료 해제에 관한 MDN 상세 문서 - https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion

Autocomplete="Off"더 이상 작동하지 않습니다.

'어느 정도'가 무작위로 ."Off": " " )Autocomplete="NoAutocomplete"

도움이 됐으면 좋겠어요.

저는 이 문제에 대한 최신 해결책을 제시하기 위해 이 답변을 올립니다.저는 현재 Chrome 49를 사용하고 있습니다만, 이것은 답변이 없습니다.다른 브라우저나 이전 버전에서 사용할 수 있는 솔루션도 찾고 있습니다.

폼의 선두에 이 코드를 붙입니다.

<div style="display: none;">
    <input type="text" autocomplete="new-password">
    <input type="password" autocomplete="new-password">
</div>

그런 다음 실제 암호 필드에 대해

<input type="password" name="password" autocomplete="new-password">

이것이 더 이상 작동하지 않거나 다른 브라우저 또는 버전에서 문제가 발생할 경우 이 답변을 코멘트하십시오.

승인일:

크롬 : 49
파이어폭스: 44, 45
가장자리: 25
Internet Explorer: 11

이 크롬을 하다.autocomplete="off"저는 "가짜 입력"을 사용하여 "진짜"를 채우는 대신 크롬을 채우는 바보 같은 방법으로 문제를 해결합니다.

예:

<input type="text" name="username" style="display:none" value="fake input" /> 
<input type="text" name="username" value="real input"/>

Chrome은 "가짜 입력"을 채우고 제출 시 서버가 "실제 입력" 값을 취합니다.

내 경우엔 이게 왜 작동했는지 모르겠지만 크롬을 사용했어autocomplete="none"그리고 크롬이 내 텍스트 필드의 주소를 제안하지 않게 되었다.

도움이 될 경우를 대비해서 2020+의 답변을 작성한다.위의 여러 조합을 시도해 보았습니다만, 제 경우는 키가 하나 빠져 있습니다.랜덤 문자열 autocomplete="displicate"를 유지했는데 이름 속성이 없어 작동하지 않았습니다!

name='password'와 autocomplete='new-password'를 유지했습니다.

username에 name="usrid" // "user"를 포함하는 문자열을 유지하지 마십시오.

및 자동 완성 = "new-password" // 마찬가지로 Google이 비밀번호 제안을 중지합니다(비밀번호 관리 드롭다운).

(Cordova/ionic이 사용하는 Android 및 iOS 웹 뷰에서 이 작업을 수행했습니다.)

<ion-input [type]="passwordType" name="password" class="input-form-placeholder" formControlName="model_password"
        autocomplete="new-password" [clearInput]="showClearInputIconForPassword">
</ion-input>

autocomplete="off"보통 작동하지만 항상 작동하지는 않습니다., 다 , 다 달라요.name의 입력 필드입니다."address", "email", "name"과 같은 이름은 "code", "pin"과 같은 필드가 자동으로 입력되지 않을 때 자동으로 입력됩니다(브라우저들은 사용자를 돕는다고 생각합니다).autocomplete="off"설정되어 있다)

문제는 자동완성이 구글 주소 도우미를 건드리는 것이었습니다.

이름을 바꿔서 고쳤어요.

부터

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

로.

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

크롬 71로 테스트 완료.

2020년 업데이트가 종료됩니다.여러 사이트에서 오래된 솔루션을 모두 사용해 보았습니다.어느 쪽도 작동하지 않았다! :- )
그러다가 이걸 발견했어
사용하다

<input type="search"/>

자동완성이 사라졌어요!

Chrome 86, FireFox, Edge 87로 성공.

autocomplete=off최신 브라우저에서는 주로 패스워드 매니저 등에 의해 무시되고 있습니다.

이것을 추가해 보세요.autocomplete="new-password"모든 브라우저에서 완전히 지원되는 것은 아니지만 일부 브라우저에서는 작동합니다.

해결책을 찾고 있는 모든 사람에게, 나는 마침내 그것을 알아냈어요.

Chrome만 준거하면 됩니다.autocomplete="off"페이지가 HTML5 페이지인 경우(XHTML을 사용하고 있었습니다).

페이지를 HTML5로 변환하고 문제가 해결되었습니다(facebalm).

업데이트 8/2022:

난 존경을 받기 위해 자기완성을 얻는데 성공했어

autocomplete="new-password"

타입에 관계없이 각 개별 입력 요소에 적용됩니다.

예.

<input id="email" type="email" autocomplete="new-password"/>

입력 유형 속성 변경type="search".

구글은 검색의 일종인 입력에 자동 채우기를 적용하지 않습니다.

지난 주까지만 해도 아래의 두 가지 솔루션이 Chrome, IE 및 Firefox에서 작동하는 것으로 나타났습니다.그러나 Chrome 버전 48(및 아직 49)이 출시됨에 따라 이러한 기능은 더 이상 작동하지 않습니다.

양식 맨 위에 다음 항목이 있습니다.

<input style="display:none" type="text" name="fakeUsername"/>
<input style="display:none" type="password" name="fakePassword"/>

비밀번호 입력 요소에는 다음이 있습니다.

자동완료="오프"

이를 신속하게 해결하기 위해 처음에는 패스워드 입력요소를 disabled로 설정한 후 document ready 함수로 set Timeout을 사용하여 다시 활성화하려고 했습니다.

setTimeout(function(){$('#PasswordData').prop('disabled', false);}, 50);

하지만 이것은 너무 미친 것처럼 보였고, 저는 좀 더 검색해봤더니 "크롬 자동 채우기 비활성화"에서 @tibalts의 답변을 발견했습니다.그의 대답은 비밀번호 입력에 autocomplete="new-password"를 사용하는 것입니다.이것은 모든 브라우저에서 동작하는 것 같습니다(위의 수정 번호 1은 이 단계에서 유지했습니다).

다음은 Google Chrome 개발자 토론 링크입니다.https://code.google.com/p/chromium/issues/detail?id=370363#c7

Quick hack, Inc. 위의 답을 읽어도 자동 완성 상태가 지속된다면, 이것을 시도해 볼 수 있습니다.임의의 문자열을 지정하면 자동완성이 삭제됩니다.

<input autocomplete="somerandomstring" or autocomplete="disabled">

그게 맞든 안 맞든 나한테는 효과가 있었어

34 , 「」v.34 를 합니다.autocomplete="off"<form>가 않다

이 짜증나는 행동을 피하기 위해 변경을 가했습니다.

를제 remove remove remove를 remove remove 를 remove 。name 및id
입력:passwordInput)

(지금까지 Chrome은 저장된 비밀번호를 입력에 입력하지 않았지만 폼이 파손되었습니다.)

마지막으로 폼을 동작시키려면 사용자가 [Submit]버튼을 클릭했을 때 또는 폼의 송신을 트리거 할 때마다 다음 코드를 실행합니다.

var sI = $(".passwordInput")[0];
$(sI).attr("id", "password");
$(sI).attr("name", "password");

경우에는 에는 은은 in in in in in in in in in in in in in in in in 。id="password" name="password"패스워드를 입력하기 때문에, 제출을 개시하기 전에 되돌려 놓습니다.

입력란에 이름 또는 이메일이 입력되는 유사한 문제가 있었습니다.autocomplete="off"로 설정했지만 Chrome은 여전히 제안을 강요했습니다.자리 표시자 텍스트에 "이름"과 "이메일"이라는 단어가 들어있었기 때문인 것으로 나타났습니다.

예를들면

<input type="text" placeholder="name or email" autocomplete="off" />

플레이스 홀더에 있는 단어에 0폭의 공간을 넣음으로써 회피했습니다.Chrome 자동 완성 없음.

<input type="text" placeholder="nam&#8203;e or emai&#8203;l" autocomplete="off" />

autocomplete="off" 대신 autocomplete="false" ;를 사용합니다.

출처 : https://stackoverflow.com/a/29582380/75799

Chrome 48+에서는 다음 솔루션을 사용합니다.

실제 필드 앞에 가짜 필드 배치:

<form autocomplete="off">
  <input name="fake_email"    class="visually-hidden" type="text">
  <input name="fake_password" class="visually-hidden" type="password">

  <input autocomplete="off" name="email"    type="text">
  <input autocomplete="off" name="password" type="password">
</form>

가짜 필드 숨기기:

.visually-hidden {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

해냈군요!

또한 이전 버전에서도 사용할 수 있습니다.

언급URL : https://stackoverflow.com/questions/12374442/chrome-ignores-autocomplete-off

'source' 카테고리의 다른 글

NSUser Defaults 클리어 (0)	2023.04.22
모든 Git 기록에서 문자열 검색 (0)	2023.04.22
C#일반목록T타입취득방법 (0)	2023.04.17
stdout과 stderr을 모두 파일로 리디렉션하는 방법 (0)	2023.04.17
Mac OS X 로그인 시 스크립트 실행 (0)	2023.04.17

현재글Chrome이 자동 완성="off"를 무시합니다.

각종 프로그래밍 정보를 다루는 블로그입니다.

mysql, MongoDB, jQuery, Excel, angularJS, sql-server, angular, Spring-boot, asp.net, Android, PowerShell, python, C, reactjs, Ajax, Git, bash, Oracle, wordpress, MariaDB,

Today :
Yesterday :

ittop

Chrome이 자동 완성="off"를 무시합니다.

Chrome이 자동 완성="off"를 무시합니다.

현대적 접근법

상시 기능하는 솔루션

'source' 카테고리의 다른 글

'source'의 다른글

티스토리툴바

« 2025/01 »
일	월	화	수	목	금	토
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

Chrome이 자동 완성="off"를 무시합니다.

Chrome이 자동 완성="off"를 무시합니다.

현대적 접근법

상시 기능하는 솔루션

'source' 카테고리의 다른 글

'source'의 다른글

관련글

티스토리툴바