>  기사  >  웹 프론트엔드  >  양식 사용자 이름 및 비밀번호 자동 채우기 기능을 비활성화하는 jQuery의 자세한 예

양식 사용자 이름 및 비밀번호 자동 채우기 기능을 비활성화하는 jQuery의 자세한 예

小云云
小云云원래의
2017-12-26 14:43:412887검색

Html 로그인 양식은 자동으로 채워지는 경우가 많으며 일부 웹사이트에는 사용자가 한 번도 로그인한 적이 없습니다. 이 글은 주로 양식에서 사용자 이름과 비밀번호를 자동으로 채우는 기능을 비활성화하는 jQuery의 기능을 소개합니다. 필요한 친구가 이를 참조하면 모든 사람에게 도움이 될 수 있기를 바랍니다.

Mozilla 개발자 문서에서는 브라우저가 로그인 양식을 채우기 위해 캐시에서 데이터를 가져오는 것을 방지하기 위해 양식 설정 속성 tautocomplete="off"를 사용할 것을 권장합니다.

<input type="text" name="foo" autocomplete="off" />

하지만 이 솔루션은 일부 Chrome 및 Firefox와 호환되지 않습니다.

마지막으로 브라우저 자동 완성을 허용하기 위해 숨겨진 입력을 사용하기로 결정했습니다. 이는 사용자 경험에 영향을 주지 않으며 모든 브라우저와 호환됩니다.

<input style="display:none"><!-- for disable autocomplete on chrome -->
<input type="text" id="username" name="username" autocomplete="off">

PS: 양식에서 사용자 이름과 비밀번호를 자동으로 채우는 것을 방지하는 기능을 살펴보겠습니다.

일부 브라우저는 다음을 지원합니다: autocomplete="off"

따라서 브라우저는 다음을 지원합니다:

다음 두 코드를 다음과 같이 추가합니다. 그러면 자동으로 채워집니다

<input style="display:none" type="text" name="fakeusernameremembered"/>
<input style="display:none" type="password" name="fakepasswordremembered"/>

관련 권장 사항:

js 양식 제출을 금지하는 방법

jQuery 자동 채우기 플러그인 Cool Auto-Suggest

php는 자동으로 채우기 위한 썸네일 코드를 생성합니다. 공백

위 내용은 양식 사용자 이름 및 비밀번호 자동 채우기 기능을 비활성화하는 jQuery의 자세한 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.