로그인 칸에 '아이디' '패스워드' 글자 없앨 수 있나요?
본문
안녕하세요?
많은 도움 받고 있습니다, 감사합니다.
제가 지금 만드는 홈피가,
영어로만 돌아가야하는 곳인데,
그누보드 명령어들이 한글이 많아서 다 바꾸기가 쉽지 않네요.
로그인 창에 보면, 네모 안에 한글로 '아이디' 와 '패스워드' 라고 써있는데,
물론, 마우스를 가져가면 사라지기는 하지만,
외국인들이 느끼기에는 뭔가 어렵고 어색하게 느껴질 수 있을거 같아서 없애고 싶거든요.
스킨에서 value='아이디' 써있는 것을 value='' 이렇게 바꿨었는데
잘 되는 줄 알았더니, 그것때문에 크롬과 IE 10 이상에서는 로그인이 안되더라구요...
글자를 흰색으로 바꾸거나 할 수 있으면 눈에 안띌텐데, font 지정도 할 수가 없고...
혹시 마우스를 대지 않아도 글자가 사라지게 하는 명령어는 없을까요?
아니면 다른 방법 아시는 분 계시면 부탁드려요~
감사합니다!
답변 1
/skin/outlogin/outlogin.skin.1.php
<script type="text/javascript">
// 엠파스 로긴 참고
var bReset = true;
function chkReset(f)
{
if (bReset) { if ( f.mb_id.value == '아이디' ) f.mb_id.value = ''; bReset = false; }
document.getElementById("pw1").style.display = "none";
document.getElementById("pw2").style.display = "";
}
</script>
// 엠파스 로긴 참고
var bReset = true;
function chkReset(f)
{
if (bReset) { if ( f.mb_id.value == '아이디' ) f.mb_id.value = ''; bReset = false; }
document.getElementById("pw1").style.display = "none";
document.getElementById("pw2").style.display = "";
}
</script>
<table width="141" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="35" height="23"><img src="<?=$outlogin_skin_path?>/img/login_id.gif" width="35" height="23"></td>
<td width="106" height="23" colspan="2" align="center"><input name="mb_id" type="text" class=ed size="12" maxlength="20" required itemname="아이디" value='아이디' onMouseOver='chkReset(this.form);' onFocus='chkReset(this.form);'></td>
</tr>
<tr>
<td width="35" height="23"><img src="<?=$outlogin_skin_path?>/img/login_pw.gif" width="35" height="23"></td>
<td id=pw1 width="106" height="23" colspan="2" align="center"><input type="text" class=ed size="12" maxlength="20" required itemname="패스워드" value='패스워드' onMouseOver='chkReset(this.form);' onfocus='chkReset(this.form);'></td>
<td id=pw2 style='display:none;' width="106" height="23" colspan="2" align="center"><input name="mb_password" id="outlogin_mb_password" type="password" class=ed size="12" maxlength="20" itemname="패스워드" onMouseOver='chkReset(this.form);' onfocus='chkReset(this.form);' onKeyPress="check_capslock(event, 'outlogin_mb_password');"></td>
</tr>
</table>
<tr>
<td width="35" height="23"><img src="<?=$outlogin_skin_path?>/img/login_id.gif" width="35" height="23"></td>
<td width="106" height="23" colspan="2" align="center"><input name="mb_id" type="text" class=ed size="12" maxlength="20" required itemname="아이디" value='아이디' onMouseOver='chkReset(this.form);' onFocus='chkReset(this.form);'></td>
</tr>
<tr>
<td width="35" height="23"><img src="<?=$outlogin_skin_path?>/img/login_pw.gif" width="35" height="23"></td>
<td id=pw1 width="106" height="23" colspan="2" align="center"><input type="text" class=ed size="12" maxlength="20" required itemname="패스워드" value='패스워드' onMouseOver='chkReset(this.form);' onfocus='chkReset(this.form);'></td>
<td id=pw2 style='display:none;' width="106" height="23" colspan="2" align="center"><input name="mb_password" id="outlogin_mb_password" type="password" class=ed size="12" maxlength="20" itemname="패스워드" onMouseOver='chkReset(this.form);' onfocus='chkReset(this.form);' onKeyPress="check_capslock(event, 'outlogin_mb_password');"></td>
</tr>
</table>
빨간색으로 표시한것 다 지우거나 주석처리하세요.
친절한 답변 감사합니다.
그런데 그렇게 하면 크롬에서 로그인이 안되요... ㅠㅠ
답변을 작성하시기 전에 로그인 해주세요.
