input 태그 힌트 주기 (placeholder 설정) 및 힌트 문구 폰트 색상 지정

input tag에서 예시 처럼 사용할 수 있는 힌트 문구를 추가할 수 있는 속성이다.

<label>이름: <input type="text" id="name" placeholder="홍길동"></label>

해당 문구에 색상을 주기 위해서는 추가로 브라우저별 style을 지정해줘야함.

::-webkit-input-placeholder { color:#aaa; font-size:12px; } // WebKit browsers 

:-moz-placeholder { color:#aaa; font-size:12px; }            // Mozilla Firefox 4 to 18

::-moz-placeholder { color:#aaa; font-size:12px; }           // Mozilla Firefox 19+

:-ms-input-placeholder { color:#aaa; font-size:12px; }      // Internet Explorer 10+