웹솔루션개발 22년 노하우! 해피CGI의 모든것

포커스 되었을때 Placeholder value 가 삭제되는 에니메이션 효과 입력부분에 마우스클릭 포커스 하시면 입력되어 있는 Placeholder value 값이 우측부터 촤측으로 삭제가 되는 애니메이션입니다. 사이트에서 위의 Placeholdem.js 를 클릭하시면 해당 스크립트 소스를 확인 할수 있습니다.

위와 같이 텍스트를 입력할 경우 아래처럼 회색폰트로 텍스트가 출력됩니다. 입력되는 텍스트이외에 Placeholder Text 만 색상을 변경하기 위애서와 아래와 같은 속성을 사용하여 변경이 가능합니다. input::-webkit-input-placeholder { color: green; } input:-moz-placeholder { color: green; } 위의 소스는 Firefox 4 이상, Chrome 4 이상, Safari 5 이상, Opera 11.6 및 Internet Explorer 10 이상에서 지원합니다.