웹 제작
[기초자바스크립트] 입력폼 포커싱 후 내용 사라지게 하기
URECA
2008. 3. 22. 15:20
입력필드에 내용 or 메세지를 넣고 필드영역에 마우스가 포커싱 될 때 내용 or 필드가 사라지게 해야 할 때가 있다.
다음과 같이 자바스크립트 코드를 넣으면 구현되어진다.
■ 헤더
<head>
.
.
.
<script language="JavaScript">
function ClearValue(txtval){
if (txtval.defaultValue==txtval.value)
txtval.value = ""
}
</script>
.
.
.
</head>
■ 본문
<body><form>
.
.
.
<input type="text" name="filed" size="25" value="내용을 입력하세요" onFocus="ClearValue(this)">
.
.
.
</form><body>
■ 예
다음 그림과 같은 상황이다.
1. 디스플레이 입력폼
2. 마우스 포커싱 후 내용이 사라진다.
