티스토리 뷰

웹 제작

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

올호스트 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. 마우스 포커싱 후 내용이 사라진다.

사용자 삽입 이미지


'웹 제작' 카테고리의 다른 글

2009년도 적용 SW기술자 노임단가 월 맨먼쓰(M/M) 산정 기준  (0) 2009.01.08
내용증명 수단을 이용하여 중요 내용 전달 방법  (0) 2008.11.19
2008년도 적용 SW 기술자 노임단가( M/M 기준표)  (1) 2008.07.16
2007년 기준 SW기술자 노임단가  (2) 2008.01.26
MS는 이올라스와 화해  (0) 2007.09.05