input에 포커스가 오면 배경색 바뀌게 만드는 방법(jQuery 이용)

아이디 :

input에 포커스가 오면 배경이 바뀌도록 할 수 있다!

jQuery를 이용하면 된다!

다음과 같이 처리하면 된다!(focus는 활성화 상태를 의미하고 blur는 비활성화 상태를 의미한다.)


<script>
$(document).ready(function(){
    $("input").focus(function(){
        $(this).css("background-color", "yellow");
    });
    $("input").blur(function(){
        $(this).css("background-color", "white");
    });
});
</script>

아이디 : <input type="text" name="id"><br>
패스워드 : <input type="password" name="password">