<input> 태그의 placeholder 속성
HTML <input> 태그 ⇒
정의 및 특징
<input> 태그의 placeholder 속성은 입력 필드에 사용자가 적절한 값을 입력할 수 있도록 도와주는 짧은 도움말을 명시합니다.
이러한 도움말은 사용자가 입력할 수 있는 값에 대한 견본 값이나 입력 형식에 대한 간단한 설명 등이 사용되며, 사용자가 입력하기 전까지 입력 필드에 표시되다가 사용자가 입력을 시작하면 사라집니다.
placeholder 속성이 제대로 동작하는 <input> 요소의 type 속성값은 다음과 같습니다.
- email, password, search, tel, text, url
문법
|
<input placeholder="텍스트"> |
속성값
| 속성값 | 설명 | |
|---|---|---|
|
텍스트 |
<input> 요소에 입력될 값에 대한 짧은 힌트를 명시함. |
예제
<form action="/examples/media/action_target.php" method="get">
이름 : <input type="text" name="st_name" placeholder="홍길동"><br>
학번 : <input type="text" name="st_id" placeholder="2010123456"><br>
<input type="submit">
</form>
지원하는 브라우저 및 버전
| 속성명 |
|
|
|
|
|
|
|---|---|---|---|---|---|---|
| placeholder | 10.0 | 지원함 |
10.0 |
4.0 | 5.0 | 11.0 |
HTML5에서 변경된 사항
placeholder 속성은 HTML5에서 <input> 태그에 새롭게 추가된 속성입니다.
