<style type="text/css">
.css_test .display {
font-weight : bold;
margin-top : 10px;
}
.css_test input, .css_test textarea {
border-radius : 5px;
border : 3px solid gray;
margin-top : 10px;
padding : 7px;
}
</style>
아래 폼요소들을 클릭 후 화면의 빈곳을 클릭해 보세요.<br><br>
<div class="css_test">
<input type="button" value="Input Button"><br>
<input type="checkbox"><br>
<input type="password"><br>
<input type="radio"><br>
<input type="text"><br>
<div class="display"></div>
</div>
<script type="text/javascript">
$( '.css_test input' )
.blur( function(){
$( '.css_test .display' ).html( '방금 만진것은 ' + $(this).attr('type') );
});
</script>