本文實例為大家分享了jQuery表單事件代碼,供大家參考,具體內容如下
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表單事件</title></head><style type="text/css" rel="stylesheet"> .input_focus{ background-color: #BEE7FC; } </style><script type="text/javascript" src="js/jquery-1.8.3.js"></script><script language="JavaScript"> $(document).ready(function () { $("[name=member]").focusin(function () { $(this).addClass("input_focus"); }); $("[name=member]").blur(function () { $(this).removeClass("input_focus"); }); }); </script><body><div id="login"> <fieldset> <legend>用戶登錄</legend> <p> <label>用戶名:</label> <input name="member" type="text" /> </p> <p> <label>密碼:</label> <input name="password" type="text" /> </p> <p> <label>驗證碼:</label> <input name="code" type="text" class="code" /> <img src="images/code.gif" width="80" height="30" /><a href="#">換一張</a> </p> <p> <input name="" type="button" class="btn" value="登錄" /> <a href="#">注冊</a><span>|</span><a href="#">忘記密碼?</a> </p> </fieldset></div></body></html>以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。
新聞熱點
疑難解答