티스토리 뷰

HTML5

크롬 자동완성 기능 끄기

修人事待天命♡ 2017. 12. 8. 15:57

크롬 자동완성 기능 끄기

chrome autocomplete  끄기

크롬에서 아이디와 패스워드를 넣는 input 입력란에 자동완성 기능 때문에 아이디와 패스워드가 채워지는 경우가 있다.

사용자 등록 화면에서는 곤란한 기능이다. 

이때 autocomplete="off"를 form 태그나 input 태그에 적용하면 자동완성기능을 끌 수가 있다. 

하지만 크롬에서는 이 기능이 적용이 안되어서 아래와 같이 아이디와 패스 워드 입력란 위에 트릭으로 아이디와 패스워드를 넣는 입력란을 넣자 그럼 해결된다.


1번 방법

<form>

        <!-- 크롬 autocomplete 기능 적용안되므로 트릭으로 처리 -->

<div style="position: absolute;left:-999px;">

<input type="text" id="tricId" name="tricId" placeholder="입력하세요.">

<input type="password" id="tricPwd" name="tricPwd" placeholder="입력하세요.">

</div>

  <input type="text" name="userId" id="userId"  />

  <input type="password" name="userPwd" id="userPwd"  />

</form>


2번 방법

autocomplete="new-password"를 사용하는 방법


  <input type="text" name="userId" id="userId"  />

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

'HTML5' 카테고리의 다른 글

자신의 브라우저의 점수를 ???  (0) 2016.09.25
버그 리스트  (0) 2016.09.24
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
«   2024/05   »
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
글 보관함