본문 바로가기

웹 제작

[기초자바스크립트] 입력폼 포커싱 후 내용 사라지게 하기

입력필드에 내용 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. 마우스 포커싱 후 내용이 사라진다.

사용자 삽입 이미지