본문 바로가기
IT정보/컴퓨터

[HTML] 로그인창 만들기

by 어설픈봉봉이 2011. 8. 11.
반응형
SMALL





로그인 박스에 보시면 input 박스에 포커스를 가져가면  '아이디' 글씨가 나왔다가 포커스를 다른곳으로

돌리면 다시 '아이디' 글자가 나오시는걸 보신적이 있으실꺼에요.ㅎ

간단하게 만들어 본것이에요~

혹시나 필요하신분이 있으실꺼같아서 올려놨습니다.~ㅎ

아이디랑 비밀번호는 텍스트가 아니라 이미지로 되어있어요~

다운받아서 쓰시면 됩니다~




<table cellpadding="0" cellspacing="0">
  <tr>
    <td>
      <input name="Account" value="" type="text" tabindex="1" class="input" onFocus="this.style.backgroundImage='';" onBlur="if(this.value=='') this.style.backgroundImage='url(images/index_tx_id.gif)';" style="width:160px; background-image: url('images/index_tx_id.gif'); background-repeat:no-repeat" onKeyDown="" />
    </td>
    <td rowspan="2" style="padding:0 0 0 9"><input class="img" type="image" src="images/btn_index_login.gif" width="69" height="44"></a>
     </td>
  </tr>
  <tr>
    <td>
       <input name="Password" value="" type="password" class="input" style="width:160px; background-image: url('images/index_tx_pw.gif'); background-repeat:no-repeat" tabindex="1" onFocus="this.style.backgroundImage='';" onBlur="if(this.value=='') this.style.backgroundImage='url(images/index_tx_pw.gif)';" onKeyDown="" />
     </td>
   </tr>
</table>
반응형