jQuery表單事件實例代碼分享
更新時間:2016年08月18日 10:11:01 作者:chen12370
這篇文章主要為大家詳細介紹了jQuery表單事件實例代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實例為大家分享了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>
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
ASP.NET jQuery 實例5 (顯示CheckBoxList成員選中的內容)
這章我們主要看下如何通過jQuery來獲取CheckBoxList成員內容2012-01-01jQuery Easyui DataGrid點擊某個單元格即進入編輯狀態(tài)焦點移開后保存數據
這篇文章主要介紹了jQuery Easyui DataGrid點擊某個單元格即進入編輯狀態(tài)焦點移開后保存數據的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-08-08