더북(TheBook)

placeholder 속성

placeholder 속성은 입력 요소에 어떠한 값을 입력하면 되는지 힌트를 적는 용도로 사용합니다.

형식

<input placeholder="입력값에 대한 힌트">

예를 들어, input 태그의 type 속성값을 tel로 지정하면 전화번호를 입력해야 합니다. 그러나 웹 브라우저에 표시되는 tel 요소는 text 요소와 차이가 없습니다. 이럴 때 다음 코드처럼 placeholder 속성으로 입력값에 대한 힌트를 적어주면 사용자가 올바른 입력값을 넣도록 유도할 수 있습니다.

03/06/placeholder.html

<input type="tel" placeholder="전화번호를 입력해 주세요.">

그림 3-32 실행결과

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.