HTML <input> 자리 표시자 속성

❮ HTML <입력> 태그

예시

자리 표시자 텍스트가 있는 전화 입력 필드:

<form action="/action_page.php">
  <label for="phone">Enter a phone number:</label><br><br>
  <input type="tel" id="phone" name="phone" placeholder="123-45-678"
  pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"><br><br>
  <small>Format: 123-45-678</small><br><br>
  <input type="submit">
</form> 

정의 및 사용

속성 은 placeholder입력 필드의 예상 값(예: 샘플 값 또는 예상 형식에 대한 간단한 설명)을 설명하는 짧은 힌트를 지정합니다.

사용자가 값을 입력하기 전에 짧은 힌트가 입력 필드에 표시됩니다.

참고: 속성 은 placeholdertext, search, url, tel, email, password와 같은 입력 유형에서 작동합니다.


브라우저 지원

표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.

Attribute
placeholder 10.0 10.0 4.0 5.0 11.0

통사론

<input placeholder="text">

속성 값

Value Description
text Specifies a short hint that describes the expected value of the input field

❮ HTML <입력> 태그