jQuery實現checkbox的簡單操作
674
2024-03-24
本文實例為大家分享了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="http://www.gimoo.net/t/1901/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="http://www.gimoo.net/t/1901/images/code.gif" width="80" height="30" /><a >換一張</a>
</p>
<p>
<input name="" type="button" class="btn" value="登錄" />
<a >注冊</a><span>|</span><a >忘記密碼？</a>
</p>
</fieldset>
</div>
</body>
</html>
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持綠夏網。
