HTML 자리 표시자 속성
정의 및 사용
속성 은 placeholder입력 필드/텍스트 영역의 예상 값을 설명하는 짧은 힌트를 지정합니다.
사용자가 값을 입력하기 전에 짧은 힌트가 필드에 표시됩니다.
에 적용
속성 은 placeholder다음 요소에 사용할 수 있습니다.
| 집단 | 기인하다 |
|---|---|
| <입력> | 자리 표시자 |
| <텍스트 영역> | 자리 표시자 |
예
입력 예
자리 표시자 텍스트가 있는 두 개의 입력 필드:
<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>
텍스트 영역 예
자리 표시자 텍스트가 있는 텍스트 영역:
<textarea placeholder="Describe yourself here..."></textarea>
브라우저 지원
특성 은 placeholder각 요소에 대해 다음 브라우저 지원을 가집니다.
| Element | |||||
|---|---|---|---|---|---|
| input | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
| textarea | Yes | 10.0 | 4.0 | 5.0 | 11.5 |