웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
textarea 속에 내용넣기 (마우스클릭시 사라짐)
2005.04.16 03:30
1. 클릭하면 지우기
<textarea cols=40 rows=5 onclick="this.value=''">내용을 입력하세요</textarea>
2. 클릭했을때 사용자가 입력한 문장이면 지우지 않기
<textarea cols=40 rows=5 onclick="if(this.value=='내용을 입력하세요'){this.value=''}">내용을 입력하세요</textarea>
★팁 : textarea 배경 투명하게 하실려면 style="background-color:transparent;" 속성을 넣어주세요.^^
예)<textarea style="background-color:transparent;" cols=40 rows=5 onclick="this.value=''">내용을 입력하세요</textarea>
<textarea cols=40 rows=5 onclick="this.value=''">내용을 입력하세요</textarea>
2. 클릭했을때 사용자가 입력한 문장이면 지우지 않기
<textarea cols=40 rows=5 onclick="if(this.value=='내용을 입력하세요'){this.value=''}">내용을 입력하세요</textarea>
★팁 : textarea 배경 투명하게 하실려면 style="background-color:transparent;" 속성을 넣어주세요.^^
예)<textarea style="background-color:transparent;" cols=40 rows=5 onclick="this.value=''">내용을 입력하세요</textarea>
댓글 5
-
나무스타일
2005.05.24 13:56
-
나무스타일
2005.08.07 08:36
this.defaultValue 와 입력한 값이 같으면 사라지겠군요.
잘못 생각했네요. -
atply
2005.04.16 22:30
<textarea cols=40 rows=5 onclick="if(this.value==this.defaultValue){this.value=''}" onblur="if (this.value == '') { this.value = this.defaultValue; }">내용을 입력하세요</textarea>
참조하세요 -
곽군
2005.07.22 13:56
나무스타일 // 우연,atply 두분이 말씀하신것 두가지 모두 '내용을 입력하세요'라고 입력한 후 클릭하면 내용이 사라지기는 마찬가지 입니다.
이걸 방지하려면 onChange, onKeyDown 이벤트를 체크해서 변수에 저장해두고 그 값을 체크해서 값을 비우지 않도록 할 수는 있겠지요..
하지만 그렇게까지 할 필요가 있을까요^^; 게다가 '내용을 입력하세요'라고 입력할 경우가..^^; -
ddd
2008.09.17 16:12
제목 | 글쓴이 | 날짜 |
---|---|---|
제로보드 data 디렉토리에 링크방지 걸기..(울트라 허접팁) [5] | 무꾸 | 2003.06.27 |
2차도메인을 이용한 내컴퓨터 자료실로 이용하기 [3] | 무꾸 | 2003.06.27 |
스팸메일 유의 하십시오... [1] | Dopesoul | 2003.07.03 |
저만의 보안 방법. (리눅스) [12] | Blainfo | 2003.07.04 |
쉘상에서 사용자 계정과 DB계정 간단하게 생성하기. | NOP_0x90 | 2003.07.05 |
쉘상에서 DB 간단하게 생성하기.. 수정입니다. [1] | NOP_0x90 | 2003.07.05 |
NOP_0x90 Document No.1(APM연동 Mysql-4.0.13편) | NOP_0x90 | 2003.07.06 |
NOP_0x90 Document No.2(APM연동 Mysql-DB설정편) | NOP_0x90 | 2003.07.06 |
NOP_0x90 Document No.3(APM연동 apache-2.0.46편) | NOP_0x90 | 2003.07.06 |
NOP_0x90 Document No.4(APM연동 php-4.3.2편) [2] | NOP_0x90 | 2003.07.06 |
우리호스트 DNS 활용하기 [4] | HoYa™ | 2003.07.08 |
Windows 2003 엔터프라이즈 에서 FTP 사용하기..(이미지첨부버젼) [10] | 무꾸 | 2003.07.26 |
apache 다운받기 - 그림설명 [2] | 이성헌 | 2003.07.27 |
php 다운 받기 - 그림설명 [1] | 이성헌 | 2003.07.27 |
phpzendoptimizer 다운받기 - 그림설명 [7] | 이성헌 | 2003.07.27 |
mysql 다운받기 - 그림설명 [3] | 이성헌 | 2003.07.27 |
색다른 리눅스 배포판.. [2] | Dopesoul | 2003.08.02 |
리눅스 환경에서 APM+Tomcat의 개발환경 만들기 | 굿스피드 | 2003.08.04 |
긴급 - mysql 설치때 주의점(window xp 에서) [3] | 이성헌 | 2003.08.11 |
Windows2000 Ad Server 계열쓰시는분들의 보안. [7] | 씨파개 | 2003.08.12 |
위의 내용은 사용자가 "내용을 입력하세요" 라고 치고 마우스를 클릭해도,
내용이 사라지겠군요.