[html] 입력 유형 = 암호, 브라우저가 암호를 기억하지 못하도록합니다.

Program / 글쓴이

<input type="password" />브라우저가 사용자에게 암호를 저장하라는 메시지를 표시 하지 않도록 하는 방법을 본 기억 이 있습니다. 그러나 나는 공백을 그리고있다. 이를 수행하는 HTML 속성이나 JavaScript 트릭이 있습니까?

답변

을 사용해보십시오 autocomplete="off". 그러나 모든 브라우저가 지원하는지 확실하지 않습니다. 여기에 MSDN 문서가 있습니다 .

편집 : 참고 : 대부분의 브라우저는이 속성에 대한 지원을 중단했습니다. autocomplete = “off”는 모든 최신 브라우저와 호환됩니까?를 참조하십시오 .

이것은 웹 사이트 디자이너가 아닌 사용자에게 맡겨야 할 것입니다.

답변

<input type="password" autocomplete="off" />

나는 이것을 사용자로서 추가하고 싶습니다. 이것은 매우 성 가시고 극복해야 할 번거 로움 이라고 생각합니다 . 사용자를 악화시킬 가능성이 크므로 사용하지 않는 것이 좋습니다.

암호는 이미 MRU에 저장되어 있지 않으며 올바르게 구성된 공용 컴퓨터는 사용자 이름도 저장하지 않습니다.

답변

다른 방법으로 해결했습니다. 이것을 시도 할 수 있습니다.

<input id="passfld" type="text" autocomplete="off" />
<script type="text/javascript">
// Using jQuery
$(function(){
    setTimeout(function(){
        $("input#passfld").attr("type","password");
    },10);
});


// or in pure javascript
 window.onload=function(){
    setTimeout(function(){
        document.getElementById('passfld').type = 'password';
    },10);
  }
</script>

#또 다른 방법

 <script type="text/javascript">
 function setAutoCompleteOFF(tm){
    if(typeof tm =="undefined"){tm=10;}
    try{
    var inputs=$(".auto-complete-off,input[autocomplete=off]");
    setTimeout(function(){
        inputs.each(function(){
            var old_value=$(this).attr("value");
            var thisobj=$(this);
            setTimeout(function(){
                thisobj.removeClass("auto-complete-off").addClass("auto-complete-off-processed");
                thisobj.val(old_value);
            },tm);
         });
     },tm);
    }catch(e){}
  }
 $(function(){
        setAutoCompleteOFF();
    });
</script>

// autocomplete = “off”속성을 추가해야합니다. 또는 입력 상자에 .auto-complete-off 클래스를 추가하고 즐길 수 있습니다.

예:

  <input id="passfld" type="password" autocomplete="off" />
    OR
  <input id="passfld" class="auto-complete-off" type="password"  />

답변

다음을 시도했지만 모든 브라우저에서 작동하는 것 같습니다.

<input id="passfld" type="text" autocomplete="off" />

<script type="text/javascript">
    $(function(){
        var passElem = $("input#passfld");
        passElem.focus(function() {
            passElem.prop("type", "password");
        });
    });
</script>

이 방법은 시간 초과 기술을 사용하는 것보다 훨씬 더 안전합니다. 사용자가 입력 필드에 초점을 맞출 때 입력 필드가 암호로 양보 할 것임을 보장하기 때문입니다.

답변

보안 문제와 관련하여 보안 컨설턴트가 전체 현장 문제에 대해 알려줄 내용은 다음과 같습니다 (실제 독립 보안 ​​감사에서 가져온 것입니다).

HTML 자동 완성 활성화 됨 – HTML 양식의 암호 필드에 자동 완성 기능이 활성화되어 있습니다. 대부분의 브라우저에는 HTML 양식에 입력 된 사용자 자격 증명을 기억하는 기능이 있습니다.

상대적 위험 : 낮음

영향을받는 시스템 / 장치 : o https : // * ** * *** /

또한 이것이 진정한 개인 데이터를 포함하는 모든 분야를 다루어야한다는 데 동의 합니다. 나는 그 사이트가 [보편적으로 또는 법적 준수 요건에 따라] 안전하게 유지되어야하는 모든 것에 액세스 할 때마다 항상 신용 카드 정보, CVC 코드, 비밀번호, 사용자 이름 등을 입력하도록 강제하는 것이 옳다고 생각합니다. 예 : 구매 양식, 은행 / 신용 사이트, 세금 사이트, 의료 데이터, 연방, 원자력 등 -Stack Overflow 또는 Facebook과 같은 사이트가 아닙니다 .

다른 유형의 사이트-예를 들어 출근 및 퇴근을위한 TimeStar Online-직장에서 항상 동일한 PC / 계정을 사용하기 때문에 해당 사이트에 자격 증명을 저장할 수 없다는 것은 어리석은 일입니다. 이상하게도 Android에서 할 수 있습니다. 하지만 iPad에서는 아닙니다. 공유 PC조차도 다른 사람을 위해 출퇴근을하는 것이 상사를 짜증나게하는 일이 아니기 때문에 그렇게 나쁘지 않을 것입니다. (그들은 들어가서 잘못된 펀치를 삭제해야합니다. 공용 PC에 저장하지 않기 만하면됩니다.)

답변

<input type="password" placeholder="Enter New Password" autocomplete="new-password">

여기 있습니다.

답변

여기에 가장 좋은 대답이 있습니다. 필드 앞에 추가 암호 필드를 넣고을 input설정 display:none하여 브라우저가 입력 할 때 input신경 쓰지 않는 에서 수행 하도록합니다.

이것을 변경하십시오 :

<input type="password" name="password" size="25" class="input" id="password" value="">

이에:

<input type="password" style="display:none;">
<input type="password" name="password" size="25" class="input" id="password" value="">