웹마스터 팁

  2. Support
  3. 웹마스터 팁

[JavaScript] 입력필드에 마우스를 클릭하면 초기문자열이 사라집니다

2002.02.25 07:44

SM

예제) 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() 라는 함수를 실행 시킵니다.
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
▩시작 정지가 가능한 테이블 스크롤 메시지 ▩윤미 2002.02.27
▩휠마우스처럼 사용하기.. [6] ▩윤미 2002.02.26
▩두문장을 blur효과주며 보여주기 [3] ▩윤미 2002.02.26
▩자바스크립, 계산기 소스 (기본) [2] ▩윤미 2002.02.26
▩문서선택 &소스선택을 위한 셀렉트 스크립트 ▩윤미 2002.02.26
▩그림 슬라이드 되고, 마우스 대면 그림 멈추는 스크립트 [1] ▩윤미 2002.02.26
▩찾기 기능을 내 홈페이지에 넣어보자 [1] ▩윤미 2002.02.26
▩셀블렌딩( 테이블 색 서서히 변화주기효과) ▩윤미 2002.02.26
▩화면에 무자기로 뜨게하는 물방울 (다른 모양가능) ▩윤미 2002.02.26
▩키보드글씨가 그대로 화면에 나타나는 스크립트 [5] ▩윤미 2002.02.26
[JavaScript] 랜덤 추천 사이트 링크버튼 만들기 (추천) [4] SM 2002.02.25
[JavaScript] 매일 매일 다른 메세지를 보여줍니다 [1] SM 2002.02.25
[JavaScript] 시간대별로 각각 다른 인삿말을 합니다 SM 2002.02.25
[JavaScript] 입력필드에 마우스를 클릭하면 초기문자열이 사라집니다 [2] SM 2002.02.25
스크롤배너 + 마우스 이벤트 - 초이스 응용 버젼임당...^^* file choice 2002.02.25
▩(JAVA)랜덤으로 이미지 출력 되기 [1] ▩윤미 2002.02.24
[JavaScript] 문서 새로고침 버튼(링크) 만들기 [11] SM 2002.02.24
[JavaScript] 마우스를 대기만 하면 팝업창을 엽니다 SM 2002.02.24
[JavaScript] 마우스를 대기만 해도 다른 사이트로 이동합니다 [3] SM 2002.02.24
[JavaScript] 시간대별로 각기 다른 배경 이미지를 보여주는 스크립트 [1] SM 2002.02.24
태그 쓰기