Notice
Recent Posts
Recent Comments
Link
Daniel's Knowledge Storage
아이디 패스워드 입력창에 기본값(value) 넣어 두기 본문
아이디 패스워드 입력창에 "아이디" "패스워드"를 넣어 두고 커서가 들어가면 사라졌다가 커서가 다시 빠지면 생기게 하는 스크립트.
<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>
'Develop > 자바스크립트' 카테고리의 다른 글
| DIV 전체화면 화면 잠금 - 크로싱,스크롤에도 문제 없음 (0) | 2010.01.05 |
|---|---|
| 텍스트, 이미지 한줄씩 롤링시키기 HTML+Script (1) | 2009.04.25 |
| 클릭하면 클립보드로 텍스트 저장 (0) | 2008.06.26 |
| 플래시 창 크기에 맞게 자동 확대 (0) | 2008.06.26 |
Comments