<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><br> 代碼如下:<br><br><br><br> 代碼如下:<br><br><br><br> 代碼如下:<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(" "); </script> </div>} <br>}).blur(function(){ <br>$(this).removeClass("focusa"); <div class="codetitle">if ($(this).val()==" "){ <span>$(this).val(this.defaultValue); <a style="CURSOR: pointer" data="37267" class="copybut" id="copybut37267" onclick="doCopy('code37267')">} <u>}); </u>}); </a> </span> </div> <div class="codebody" id="code37267">各種表單的類型: <br><br><br><br><br>複製程式碼<br><br><br> 程式碼如下:<br><br> <br><input type="text "> 文字方塊</div> <input type="password"> 密碼框<input type="submit"> 提交按鈕<input type="reset"> 重設按鈕<input type="radio"> 單選框<input type="checkbox"> 複選框<input type="button"> 普通按鈕<input type=" file"> 檔案選擇控制項<input type="hidden"> 隱藏框<input type="image"> 圖片按鈕