jQuery表單事件實例代碼分享
更新時間:2016年08月18日 10:11:01 作者:chen12370
這篇文章主要為大家詳細(xì)介紹了jQuery表單事件實例代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實例為大家分享了jQuery表單事件代碼,供大家參考,具體內(nèi)容如下
<!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>
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
ASP.NET jQuery 實例5 (顯示CheckBoxList成員選中的內(nèi)容)
這章我們主要看下如何通過jQuery來獲取CheckBoxList成員內(nèi)容2012-01-01
使用jquery hover事件實現(xiàn)表格的隔行換色功能示例
hover(over,out)一個模仿懸停事件的方法,下面一個示例為大家詳細(xì)介紹下使用jquery實現(xiàn)表格的隔行換色功能,感興趣的朋友可以參考下2013-09-09
jQuery Easyui DataGrid點擊某個單元格即進(jìn)入編輯狀態(tài)焦點移開后保存數(shù)據(jù)
這篇文章主要介紹了jQuery Easyui DataGrid點擊某個單元格即進(jìn)入編輯狀態(tài)焦點移開后保存數(shù)據(jù)的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-08-08
jquery實現(xiàn)html頁面 div 假分頁有原理有代碼
大概原理就是填充后div的總高度 (1000px) 顯示高度(100px) 則頁面總數(shù)為10頁 。當(dāng)查看第二頁時,顯示的div高度為100 - 200之間,以此類推2014-09-09
用Jquery實現(xiàn)多級下拉框無刷新的聯(lián)動
需要實現(xiàn):院系,專業(yè),年級,班級。聯(lián)動無刷新,其中院系,專業(yè),年級,班級屬于數(shù)據(jù)庫中的字典表,有后臺維護(hù),隨時可能變化2010-12-12

