placeholder 속성

속성 placeholder는 HTML 폼의 입력 필드에 힌트를 설정합니다.

이러한 힌트는 사용자에게 해당 필드에 무엇을 입력해야 하는지 알려주기 위해 필요합니다. 힌트 자체는 입력 필드 내에 위치하지만, 속성 value와 달리 텍스트를 입력하려고 할 때 자동으로 사라집니다.

input 태그, textarea 태그에 적용됩니다.

placeholder 힌트에 CSS 스타일을 적용하려면 의사 요소 placeholder를 사용할 수 있습니다.

예시

입력 필드에 placeholder 힌트를 설정해 봅시다:

<input type="text" placeholder="이름을 입력하세요">

여기서는 입력 필드에 동시에 placeholder 힌트와 value 속성을 설정해 보겠습니다. value 속성의 내용을 삭제하면 그 아래에 숨겨져 있던 힌트를 볼 수 있습니다:

<input type="text" placeholder="이름을 입력하세요" value="Ivan">