# input 효과 (placeholder)

# 클릭하면 사라지는 텍스트 

 <input type="text" name="id" title="아이디" placeholder="아이디" ></div>    // placeholder ie10 이상 지원

 <input type="text" name="id" title="아이디" placeholder="아이디" value='아이디' onfocus="this.value=''" onblur="if(this.value =='')this.value='아이디';" >  

<style type='text/css'>

  .inputBasic_new  { background: transparent url("/Image/pw_backgroud.jpg"); height:16px; font:12px/16px 돋움; color:#868686; border:1px solid #c9c9c9/*#adadad*/; padding:2px 2px 0 2px;}

  .pw_focus { height:16px; font:12px/16px 돋움; color:#868686; border:1px solid #c9c9c9/*#adadad*/; padding:2px 2px 0 2px;}

</style>

 

<input name="pwd" id="pwd" type="text"  style="width:250px;" value="" onFocus="this.className='pw_focus'" onBlur="if ( this.value == '' ) { this.className='inputBasic_new' }" class="inputBasic_new"  />