웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[JavaScript] 입력필드에 마우스를 클릭하면 초기문자열이 사라집니다
2002.02.25 07:44
예제) http://www.jasko.co.kr/java_data/20011001/clear_form.html
<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() 라는 함수를 실행 시킵니다.
<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() 라는 함수를 실행 시킵니다.
댓글 2
-
김동욱
2004.03.18 23:30
잘되네요;; 감사 -
김종환
2005.02.15 22:31
참고.
textarea에 응용할 경우
<textarea name="body" rows=7 cols=16 onFocus="clearText(this)">글을 입력해 주세요.</textarea>