글
<input type="text" value="id" > 위와 같은 소스를 적용하면, 박스에 id가 입력되어 있는 상태가 됩니다. 우리는 사용자가 저 박스에 마우스를 클릭하면 박스에 id 라는 글자가 없어지게 하려고 합니다. 다음은 해결책입니다. 자바스크립트의 onFocus 를 사용하시면 됩니다. onFocus 는 포커스가 폼이나 창에 주어졌을 때의 이벤트를 판단하는 이벤트 헨들러입니다. 폼을 이동하거나 포커스가 없는 창을 클릭했을 때를 이벤트로 판단하고 설정한 것을 처리합니다. onfocus="this.value='';" 위 소스를 input소스 내에 첨가하시면 되겠습니다. inpyt 소스 내에 첨가한 예는 다음과 같습니다. <input type="text" value="id" onfocus="this.value='';">
'hightag' 카테고리의 다른 글
내 블로그에 적용한 새로운 파비콘은 어디로~? (0) | 2009.01.09 |
---|---|
사이트에 웹폰트 적용하기 (0) | 2008.10.17 |
특수문자 및 HTML Spacial Entities. (0) | 2008.07.29 |
해상도에 따라 스크롤바가 생기지 않는 최대영역 (0) | 2008.07.12 |
input 의 text 태그 - readonly 와 disabled 의 차이점 (0) | 2008.07.06 |
재미있는 마퀴(marquee)명령어 정리 (0) | 2008.06.21 |
Input Replacer - 이미지 체크 박스, 라디오 (0) | 2008.05.23 |
ul 활용 하나 (0) | 2008.05.23 |
웹 2.0 div 스타일 (레이어) (0) | 2008.05.23 |
top slide - 상단 open 슬라이드 (0) | 2008.05.23 |
RECENT COMMENT