웹마스터 팁
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
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 브라우저 도메인 주소 안나타나게 하기 [2] | 인테리어뱅크 | 2006.04.10 |
| 제 홈페이지 분석(뭐징?) [5] | 박현우 | 2006.03.11 |
| 게시판 글 적을 시에 주소 입력 후 링크연결 안되게 하는 법 [2] | 트릭썬더 | 2006.01.27 |
| 본문만들기 2장 [4] | 민개 | 2005.12.15 |
| HTML 이란? 1장 [1] | 민개 | 2005.12.13 |
| [HTML] 동영상 강좌_ html 기초부분 [1] | 다모폐인 | 2005.11.15 |
| 무지 짧은 소스로 스크롤바를 왼쪽으로 옮겨보자 [4] | 한용 | 2005.11.10 |
| [동영상강좌] 노프레임 홈페이지만들기 [8] | 꼬냐닷컴 | 2005.10.02 |
| 필터를 적용한 EMBED 태그 | SHINIYA | 2005.10.01 |
| FTP로 홈페이지 출판하기 | 어린공주 | 2005.09.30 |
| 배경을 가로 또는 세로로 반복하여 보여주는 기능. [1] | 꼬냐닷컴 | 2005.09.19 |
| Rain# 위로 흐르는글 만들기 | Rain | 2005.08.14 |
| 색상값의 속성 [2] | 대류 | 2005.08.10 |
| 효율적인 폰트 속성 지정 [4] | 대류 | 2005.08.10 |
| textarea 속에 내용넣기 (마우스클릭시 사라짐) [5] | 우연 | 2005.04.16 |
| iframe 그때그때 달라요 ~ [높이자동변경] [15] | kim's | 2005.02.18 |
| TAG로 이미지테두리 만들기 [3] | 하나둘 | 2005.02.12 |
| 문서 출입시 여러가지효과나타내기(메타태그) [1] | HYESOO | 2005.02.11 |
| 포토샵없이 이미지에 멋진 효과 내기 # [5] | Kasis | 2005.02.04 |
| XHTML 1.0 팁 [8] | EDENe | 2005.01.22 |
위의 내용은 사용자가 "내용을 입력하세요" 라고 치고 마우스를 클릭해도,
내용이 사라지겠군요.