먼저 placeholder()의 기능에 대해 알아보겠습니다.

아이디 : 

html5에서 제공하는 placdeholder() 참 유효한 기능이죠

위 기능처럼 입력해야하는 input태그에 설명을 추가할 수 있는 기능입니다.

사용자들의 입력을 도와주는 기능입니다.

이 유용한 기능이 브라우저 버전에 따라 지원하지 않을 수 있습니다.

웬만한 브라우저는 지원하지만 

Internet Explorer 의 경우 9버전이하는 placeholder 기능을 지원하지 않습니다.

지원하지 않더라도 jquery 소스를 이용해서 placeholder의 기능을 사용할 수 있습니다.

1. 먼저 jquery.placeholder.js 파일을 프로젝트 적절한 위치에 추가를 해줍니다. (해당 파일 첨부해드렸습니다.)

2. 파일을 추가했다면 사용하고자 하는 jsp파일에 js를 추가해줍니다.

<script src="/js/jquery.placeholder.js" type="text/javascript"></script>

3. 이제 사용방법에 대해 알아보겠습니다.

jsp실행 시 동작하는 ready함수 아래 $('#loginId').placeholder();를 해주면 됩니다.

<script>

$(document).ready(function(e) {

    $('#loginId').placeholder();

});

</script>

4. 적용된 소스입니다.

아이디 : 

기호에 맞게 사용하시면 될 것 같습니다.

jquery.placeholder.js