<HTML>
<HEAD>
<TITLE> 5번문제 </TITLE>
<style>
input, textarea{background:#c0c0c0;}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
function chk(){
var t = document.temp;
if(t.name.value == ""){
alert("이름을 입력하세요.");
t.name.focus();
}else if(t.pw.value == ""){
alert("비번을 입력하세요.");
t.pw.focus();
}else if(t.subject.value == ""){
alert("제목을 입력하세요.");
t.subject.focus();
}else if(t.content.value == ""){
alert("내용을 입력하세요.");
t.content.focus();
}else{
alert("전송합니다.");
}
}
function chBg(val){
for(i=1; i<=4; i++){
if( i == val ){
document.getElementById("a"+i).style.backgroundColor="#FFFFFF";
}else{
document.getElementById("a"+i).style.backgroundColor="#c0c0c0";
}
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<form name="temp">
이름 : <input type="text" name="name" id="a1" onfocus="chBg(1)"> <br>
비번 : <input type="password" name="pw" id="a2" onfocus="chBg(2)"> <br>
제목 : <input type="text" name="subject" id="a3" onfocus="chBg(3)"> <br>
내용 : <textarea name="content" id="a4" onfocus="chBg(4)"></textarea> <br>
<input type="button" value="글쓰기" onClick="chk()">
<input type="reset" value="취소">
</form>
</BODY>
</HTML>
'수업공유 > 프로그래밍' 카테고리의 다른 글
| 이미지 미리보기 스크립트 (2) | 2008.01.28 |
|---|