Development/JavaScript
입력필드에 마우스를 클릭하면 초기문자열이 사라지게
linuxism
2012. 5. 11. 01:08
<HTML>
<HEAD>
<TITLE> Jasko Sample Script </TITLE>
<!------1. 아래의 코드를 HEAD 부분에 복사해 넣으세요 -------------->
<script>
function clearText(y){
if (y.defaultValue==y.value)
y.value = ""
}
</script>
<!-------------------- 여기까지 ---------------------->
</HEAD>
<BODY>
<!------2. 아래의 방식으로 BODY 부분에 붙여 넣으세요 ------------->
<B>텍스트 상자에 마우스를 클릭하면 초기문자열이 없어집니다</B>
<form>
<input type="text" value="아이디를 입력 해 주세요" onFocus="clearText(this)">
<input type=submit>
</form>
<!-------------------- 여기까지 ---------------------->
</BODY>
</HTML>
## value="아이디를 입력 해 주세요" ; 입력필드에 초기값을 설정하였습니다
## onFocus="clearText(this)" ; 포커스를 받으면, 즉 글상자가 마우스 클릭으로 활성화 되면 clearText() 라는 함수를 실행 시킵니다.
[출처] 입력필드에 마우스를 클릭하면 초기문자열이 사라지게|작성자 인디카피