<div class="codetitle"> <span><a style="CURSOR: pointer" data="67579" class="copybut" id="copybut67579" onclick="doCopy('code67579')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code67579"> <br><SPAN style="FONT-SIZE: 18px" > 클래스 포커스 상실 효과</SPAN> <br> </div> <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="59293" class="copybut" id="copybut59293" onclick="doCopy('code59293')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다. :</div> <div class="codebody" id="code59293"> <br><script type="text/javascript"> <br>$(function(){ <br>$(":input").focus(function(){ // 다음과 같은 다양한 양식을 얻을 수 있습니다. (:text/:button) <br>$(this).addClass("focusa") <br>if ($(this).val()==this.defaultValue){ <br>$(this ).val(""); <br>} <br>}).blur(function(){ <br>$(this).removeClass("focusa"); <br>if ($ (this).val ()==""){ <br>$(this).val(this.defaultValue) <br>} <br>}) <br></ script> <br> <br> </div>다양한 양식 유형: <br><br><div class="codetitle"> <span><a style="CURSOR: pointer" data="37267" class="copybut" id="copybut37267" onclick="doCopy('code37267')">코드 복사 <u></u></a> 코드는 다음과 같습니다. </span> </div> <div class="codebody" id="code37267"> <input type="text" /> 텍스트 상자<br><input type="password" /> 비밀번호 상자<br><input type="submit" /> 버튼<br><input type="reset" /> 재설정 버튼<br><input type="radio" /> 라디오 버튼<br><input type="checkbox" /> >< ;input type="button" /> 일반 버튼<br><input type="file" /> 파일 선택 제어<br><input type="hidden" /> < 입력 유형="이미지" /> 이미지 버튼<br><br> </div>