| CMS/프레임워크 | XE 1.x |
|---|---|
| 개발 언어 | PHP 7.3 |
스케치북 게시판에서 비회원 로그인시 글쓰기 버튼을 누르면 글쓴이와 비밀번호란에 예전에 입력했던 정보가 자동으로 뜨는데 문제는 글씨가 겹쳐져서 보기 좋지 않습니다. 해결 방법이 있을까요?
스코스코
Lv. 5
| CMS/프레임워크 | XE 1.x |
|---|---|
| 개발 언어 | PHP 7.3 |
스케치북 게시판에서 비회원 로그인시 글쓰기 버튼을 누르면 글쓴이와 비밀번호란에 예전에 입력했던 정보가 자동으로 뜨는데 문제는 글씨가 겹쳐져서 보기 좋지 않습니다. 해결 방법이 있을까요?
![20200505_001039.jpg [File Size:85.3KB/Download:3]](/files/download/link/1392139/3759c51d4844e43ab3d34c4b67007e12/20200505_001039.jpg){kind=link}
댓글 8
해당 요소 제거하고 거기에 들어 있던 문자열을 인풋 필드의 placeholder값으로 만들어주시면 될 것 같습니다.
아참 저렇게 겹친 것 중에 어떤 걸 제거하고 싶으신 거예요?
네, 그게 개발자들이 자동입력을 막으면 크롬은 그걸 깨고 어떻게든 자동입력을 시키고, 그걸 막고 시키고, 그러고 있는 형국이더라구요.
보통은 해당 인풋 태그에 autocomplete="new-password"를 넣어서 아이디와 비번 자동입력을 방지하는 걸로 알고 있습니다.
만약 그래도 안 된다면 아이디와 비번 자동입력을 받아낼 더미 인풋 태그를 만들고 거기에 position: absolute에 left: -200% 같은 식으로 화면에 나타나지 않게 해서, 일반 이용자들이 볼 때는 아무 것도 없는 것처럼 보이게 만드는 꼼수도 있는 것 같구요.
chrome과 autofill로 검색해보시면 대응 방법들이 있을 거예요.
autocomplete="new-password"를 넣더라도 크롬이 또 어떻게 정책을 바꿀지 모르는 것이고...
제가 선택했던 방법은 처음 답변 달았던 것과 동일한데요.
스케치북 스킨에서 글쓴이, 비밀번호라는 글자 출력 부분을 placeholder로 바꿔주는 것이었습니다.
그러면 자동입력시에 placeholder 내용은 사라지고 자동입력 내용만 디스플레이되니까요.
즉,
<label for="nick_name">{$lang->writer}</label>
<label for="password">{$lang->password}</label>
얘네를 제거.
각각의 아래에 있는 인풋 태그를
<input type="text" name="nick_name" id="nick_name" value="{$oDocument->getNickName()}" class="itx n_p" placeholder="{$lang->writer}" />
<input type="password" name="password" id="password" class="itx n_p" placeholder="{$lang->password}" />
같은 방식으로 수정하는 것이죠.