Chrome이 일부 사이트의 사용자 이름과 비밀번호를 저장하지 않는 이유

Chrome이 일부 사이트의 사용자 이름과 비밀번호를 저장하지 않는 이유

Chrome에서 자격 증명 저장을 제공하지 않는 특정 내부 사이트가 있습니다. 나는 그것들을자동완성섹션에 있지만 여전히 사용되지 않습니다.

이 예는 내 Unify Router에 대한 것입니다. 더 명확하게 볼 수 있도록 클래스 속성을 제거했습니다. 아래 두 요소를 보면 왜 작동하지 않는지 알 수 없습니다. 어떤 아이디어가 있습니까?

<input name="username" meta="[object Object]" autocapitalize="off" autocorrect="off" 
autocomplete="username" required="" id="login-username" type="" value="">

<input name="password" meta="[object Object]" autocomplete="current-password" id="login-password" 
type="password" value="">

이것은 내 페이지 중 하나에서 가져온 것입니다.

<input  type="text" name="username" placeholder="Username" id="username" autocomplete="username">

<input type="password" name="password" placeholder="Password" id="password" autocomplete="current-password">

질문

  • 작동하게 하려면 어떻게 해야 하나요?
  • 나는 그것을 볼 수 있습니다유형사용자 이름에 이(가) 지정되지 않았습니다. 이것이 문제가 될 수 있습니까?

답변1

비밀번호 관리자는 다음과 같은 경우에 양식을 더 잘 감지합니다.

  • 요소 <form>에는 작업 및 메서드 속성이 있습니다.

  • 입력 요소는 해당 ID(for 포함)를 통해 또는 하나로 래핑되어 레이블과 연결됩니다.

  • 올바른 입력 유형을 사용합니다. 사용자 이름/이메일: type="text"또는 type="email". 비밀번호: type="password".

  • 자동완성 속성. 사용자 이름의 경우: autocomplete="username", 비밀번호의 경우: autocomplete="new-password"또는 autocomplete="current-password".

참조 : 비밀번호 관리자가 로그인 양식을 가지고 놀게 만들기.

관련 정보