스케치북 게시판에서 비회원 로그인시 글쓰기 버튼을 누르면 글쓴이와 비밀번호란에 예전에 입력했던 정보가 자동으로 뜨는데 문제는 글씨가 겹쳐져서 보기 좋지 않습니다. 해결 방법이 있을까요?
| PHP | PHP 7.3 |
|---|---|
| CMS | XpressEngine |
-
-
무슨 얘기인지 이해가 되지 않지만 정말 감사합니다! ^^; 공부해보겠습니다! -
스케치북이 옛날 스킨인 데다, 당시 기준에서도 구형 브러우저 지원을 하다보니 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}" />
같은 방식으로 수정하는 것이죠. -
정성스러운 댓글 정말 감사합니다!!
해당 요소 제거하고 거기에 들어 있던 문자열을 인풋 필드의 placeholder값으로 만들어주시면 될 것 같습니다.