input | input내용, 클릭하면 ... 사라져라!

 input | input내용, 클릭하면 ... 사라져라!
input | input내용, 클릭하면 ... 사라져라!  
Pe-i  (Homepage)  2004-01-22 14:58:27, 조회 : 880, 추천 : 1

예제 : http://orir.net/phping/click.html

input창에 value로 어떤 메세지를 넣어두고.
글을 입력하려고 선택하면 그 메세지가 사라지는...
그런거 하는 방법을 알려드리겠습니다.
보통 포탈사이트에서 검색엔진 부분에 광고로도 많이 써먹고...
무슨 양식용으로도 많이 써먹는데요.
이제 소스 나갑니다.

※ 여기서 form이 form이름,
input이 input이름,
click!이 클릭전 문구,
sc가 함수명 입니다.

<script language="javascript">
var n=false;
function sc() {
if ( n ) return;
document.form.input.value="";
n=true;
}
</script>
<form name="form">
<input name="input" value="click!" onkeydown='sc();' onmousedown='sc();' onfocus='sc();'>
</form>

  Pe-i's Sign ver4.0
악플 대환영!
가볍게 씹어드릴게요.



Mozilla Firefox 사용자들을 위한 페이지

[2004.02.18]
- 부천 초등생 피살 사건 용의자 검거 [용의자는 중학생]
- 대구 지하철 참사 1주년 추모

[2004.02.19]
- 부천 초등생 피살 사건 용의자 석방
- I'm ... Pe-i 오픈 1개월
- 부천→서울 이사 1주년

[2004.02.20]
- 성호형 홈페이지 Say_Q 디자인
- 2월 21일부터 22일까지 잠수모드

[2004.02.21~23] [new]
- 잠수모드 - 시골여행








토끼군
  onfocus만으로도 끝나지 않을까요? :) 2004-01-22
15:43:34
  




  document.form.input.value=""; -> document.forms['form'].elements['input'].value = "";

이런 형식으로 접근하시길 추천합니다. :) 2004-01-22
16:27:57
  



플로렐라
  포커스아웃때 입력값이 없으면 도로 클릭전의 문구가 나타나게 하는것도 있으면 좋을듯... 2004-01-23
14:02:43
  



김한새결
  <input name="input" value="click!" onkeydown='sc();' onmousedown='sc();' onfocus='sc();'> ...

input 개체의 type 는 정하시지 않으셨군요.. ..text 2004-01-25
07:20:06
  



Pe-i
  김한새결//어어 정말 그러네요 -ㅅ-;
뭐 타입은 여러가지로 바뀔수 있으니 알아서 추가를.. [탕! 2004-01-25
11:20:39
  



최영곤
  //플로렐라
<input name="input" value="click!" onkeydown='sc();' onmousedown='sc();' onfocus='sc();' onBlur="document.form.input.value='click!';">

이렇게 하면 되지 않을까요;; 2004-02-04
16:06:53
  



Pe-i
  최영곤//음.. 그럴경우 내용이 있더라도 click! 이 뜰것 같네요.