Develop/자바스크립트
아이디 패스워드 입력창에 기본값(value) 넣어 두기
다니엘SEO
2009. 8. 9. 01:59
아이디 패스워드 입력창에 "아이디" "패스워드"를 넣어 두고 커서가 들어가면 사라졌다가 커서가 다시 빠지면 생기게 하는 스크립트.
<script>
window.onload = function() {
document.getElementById("user_id").value = "아이디"
document.getElementById("user_pwd").value = "비밀번호"
}
var inputField = "";
function msg(var1, var2, var3) {
if(var1 == "") {
document.getElementById(var2).value = var3;
} else {
document.getElementById(var2).value = var1;
}
}
function delAlt(obj, elm, chk) {
document.getElementById(elm).value = inputField;
document.getElementById(elm).onblur = function () {msg(this.value, elm, chk)};
}
</script>
<body>
<input type="text" id="user_id" onFocus="delAlt(this,'user_id', '아이디')"><br>
<input type="text" id="user_pwd" onFocus="delAlt(this, 'user_pwd', '비밀번호')"> <input type="button" value="확인">
</body>
window.onload = function() {
document.getElementById("user_id").value = "아이디"
document.getElementById("user_pwd").value = "비밀번호"
}
var inputField = "";
function msg(var1, var2, var3) {
if(var1 == "") {
document.getElementById(var2).value = var3;
} else {
document.getElementById(var2).value = var1;
}
}
function delAlt(obj, elm, chk) {
document.getElementById(elm).value = inputField;
document.getElementById(elm).onblur = function () {msg(this.value, elm, chk)};
}
</script>
<body>
<input type="text" id="user_id" onFocus="delAlt(this,'user_id', '아이디')"><br>
<input type="text" id="user_pwd" onFocus="delAlt(this, 'user_pwd', '비밀번호')"> <input type="button" value="확인">
</body>