placeholder()와 같은 기능!!!

약간의 노가다가 필요하다!!!

<style>

</style>

 .myColor1 {color:#000000;}

 .myColor2 {color:#D6D6D6;}

<form>

<table>

<tr>

<td width="190"> <input type="text" id="user_name" name="user_name" class='myColor2' onfocus="if(this.value=='3~5글자로 입력하세요.'){this.value=''; this.className='myColor1';}"  onblur="if(this.value==''){this.value='3~5글자로 입력하세요.'; this.className='myColor2';}" value="3~5글자로 입력하세요."  maxlength="5" size="30"/>

 </td>

</tr>

</table>

</form>

^

^

|

|

                         

function test() {

var user_name = document.getElementById('user_name');

var re = /([^가-힣ㄱ-ㅎㅏ-ㅣ\x20])/i;

if(user_name.value=="3~5글자로 입력하세요.") {                     

alert("성명을 입력해 주세요.");

user_name.focus();

return;

 } else if(re.test(user_name.value)) {  

alert("성명 : 한글로만 입력해주세요.");

       user_name.value="";

       user_name.focus();

       return;

      }

}