jQuery表單事件實(shí)例代碼分享
本文實(shí)例為大家分享了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>驗(yàn)證碼:</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)文章
jQuery實(shí)現(xiàn)hover合成事件的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)hover合成事件的方法,涉及jquery中hover事件及鏈?zhǔn)讲僮鞯南嚓P(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
ASP.NET jQuery 實(shí)例5 (顯示CheckBoxList成員選中的內(nèi)容)
這章我們主要看下如何通過jQuery來獲取CheckBoxList成員內(nèi)容2012-01-01
使用jquery hover事件實(shí)現(xiàn)表格的隔行換色功能示例
hover(over,out)一個(gè)模仿懸停事件的方法,下面一個(gè)示例為大家詳細(xì)介紹下使用jquery實(shí)現(xiàn)表格的隔行換色功能,感興趣的朋友可以參考下2013-09-09
jQuery Easyui DataGrid點(diǎn)擊某個(gè)單元格即進(jìn)入編輯狀態(tài)焦點(diǎn)移開后保存數(shù)據(jù)
這篇文章主要介紹了jQuery Easyui DataGrid點(diǎn)擊某個(gè)單元格即進(jìn)入編輯狀態(tài)焦點(diǎn)移開后保存數(shù)據(jù)的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-08-08
jquery實(shí)現(xiàn)html頁面 div 假分頁有原理有代碼
大概原理就是填充后div的總高度 (1000px) 顯示高度(100px) 則頁面總數(shù)為10頁 。當(dāng)查看第二頁時(shí),顯示的div高度為100 - 200之間,以此類推2014-09-09
用Jquery實(shí)現(xiàn)多級下拉框無刷新的聯(lián)動
需要實(shí)現(xiàn):院系,專業(yè),年級,班級。聯(lián)動無刷新,其中院系,專業(yè),年級,班級屬于數(shù)據(jù)庫中的字典表,有后臺維護(hù),隨時(shí)可能變化2010-12-12

