로그인 폼 꾸미기(?)

일반적인 로그인 폼은




이렇게 생겼다.
이제 여기에 약간 꾸미면




이렇게 변신(?)한다.
그리고 여기에다가 Javascript를 넣어서 클릭할 때 글씨가 사라지고 그런다.
문제는 패스워드 입력하는 부분은 저렇게 점 형식으로 되어 있다.


이 문제점을 보완하기(?) 위해서 저 부분을 보통 이미지로 처리한다.

[샘플]

우선 텍스트처럼 생겼지만 아이디, 비밀번호라고 된 부분은 하나의 이미지다.
저 이미지를 갖고 아이디 박스에선 이미지 정렬을 왼쪽 상단으로 맞추고 비밀번호에서는 오른쪽 상단으로 맞춘다.
<style></style> 부분을 보면 알 수가 있다.



귀찮아서 자세한 설명은 생략한다. -_-;;