<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function bgImage() {
var f=document.forms[0];
if(f.id.value){
f.id.style.backgroundImage="";
}else{
f.id.style.background="url(/study/img/loginID.gif) no-repeat 3px 3px #ffffff";
}
}
</script>
</head>
<body>
<form action="">
<input type="text" size="15" maxlength="15"
name="id"
style="background: url(/study/img/loginID.gif) no-repeat 3px 3px #ffffff"
onfocus="this.style.backgroundImage='';"
onblur="bgImage();"><br/>
<input type="password" size="15" maxlength="15" name="pwd">
</form>
</body>
</html>
'javascript' 카테고리의 다른 글
| 자바스크립트 기본 예제(실행 즉시 작동시키는 소스, 실시간 시간) (0) | 2013.06.25 |
|---|---|
| 자바스크립트 기본 예제(회원약관 동의) (0) | 2013.06.25 |
| 자바스크립트 기본 예제(항목 이동 / 사용자가 옵션 추가) (0) | 2013.06.25 |
| 자바스크립트 기본 예제(메일 입력 / 체크박스 모두체크) (0) | 2013.06.25 |
| 자바스크립트 기본 예제(사칙연산) (0) | 2013.06.25 |