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"
.