웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
Rain# 위로 흐르는글 만들기 | Rain | 2005.08.14 |
색상값의 속성 [2] | 대류 | 2005.08.10 |
효율적인 폰트 속성 지정 [4] | 대류 | 2005.08.10 |
필터 효과들 [1] | keymove | 2005.07.08 |
textarea 속에 내용넣기 (마우스클릭시 사라짐) [5] | 우연 | 2005.04.16 |
스킨작업에 중요하게 쓰이는 것들 [2] | ProSense™ | 2005.04.12 |
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 |
XHTML 1.0 Strict에서 더 이상 사용할 수 없는 태그 / 속성 [16] | EDENe | 2005.01.22 |
[기초]홈페이지의 프레임 나누기 입니다. [5] | piasol | 2004.12.10 |
드래그 금지 및 오른쪽 버튼 금지 소스 [6] | 편입성공기 | 2004.12.06 |
브라우저 주소창에 긴 경로 안 나타나게 하기 [7] | 편입성공기 | 2004.12.06 |
새창에 폼태그로 전송하기 | 편입성공기 | 2004.12.06 |
도메인 포워딩 즉 페이지 자동이동하기 [6] | 편입성공기 | 2004.12.06 |
페이지 회색스크롤바로 바꾸기 | 편입성공기 | 2004.12.06 |
톡톡 튀는 홈페이지 테이블 제작하기 ^^ [6] | piasol | 2004.12.03 |
최근게시물의 폰트크기와 링크색상 바꾸는 방법 | LUFFY | 2004.11.20 |
위의 내용은 사용자가 "내용을 입력하세요" 라고 치고 마우스를 클릭해도,
내용이 사라지겠군요.