<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(':text').bind('focus', function(){
$(this).css('background', '#fdeff2');
});
$(':text').bind('blur', function(){
$(this).css('background', '#ffffff');
});
$('.other').bind('focus', function(){
$(this).css('background', '#c1e4e9');
});
$('.other').bind('blur', function(){
$(this).css('background', '#ffffff');
});
})
</script>
<style type="text/css">
</style>
</head>
<body>
<div id="container">
<h3>お名前</h3>
<input id="username" class="text" type="text" maxlength="60" />
<h3>メールアドレス</h3>
<input id="mailaddress" class="text" type="text" maxlength="60" />
<h3>電話番号</h3>
<input id="tel" class="other" type="text" maxlength="60" />
<h3>住所</h3>
<input id="address" class="other" type="text" maxlength="60" />
<br />
<input id="myButton" type="submit" value="送信" />
</div>
</body>
</html>