HTML 참조 설명서

HTML 태그大全

HTML: <input> placeholder 속성

HTML input placeholder 속성은 사용자가 값을 입력하기 전에 입력 필드의 기대 값을 설명하는 짧은 튜플을 표시합니다. 예를 들어, 샘플 값 또는 기대 형식의 짧은 설명입니다.

예제 1

placeholder 텍스트가 있는 두 개의 input 텍스트 필드:

예제

<!DOCTYPE html>
<html>
<head>
<title>HTML:<input> placeholder 속성　-　기본 지침 웹(oldtoolbag.com)</title>
<body>
<form action="action_page.php">
　　<input type="text" name="fname" placeholder="성"><br>
　　<input type="text" name="lname" placeholder="이름"><br>
　　<input type="submit" value="제출">
</form>
</html>

테스트해 보세요 ‹/›

placeholder 텍스트는 색상을 지정할 수도 있습니다。

온라인 예제 2

placeholder 텍스트가 설정된 색상:

예제

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>기본 지침 웹(oldtoolbag.com)</title>　
</head>
<body>
<form action="demo-form.php">
　　<input type="text" name="fname" placeholder="성"><br>
　　<input type="text" name="lname" placeholder="이름"><br>
　　<input type="submit" value="제출">
</form>
</body>
</html>

테스트해 보세요 ‹/›

브라우저 호환성

표에서의 숫자는 이 속성을 지원하는 첫 번째 브라우저 버전 번호를 나타냅니다.

속성
placeholder	10.0	10.0	4.0	5.0	11.0

정의와 사용법

placeholder은 입력 필드의 예상 값을 설명하는 짧은 설명을 지정합니다(예: 샘플 값 또는 예상 형식의 짧은 설명).

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

주의:placeholder 속성은 다음 input 유형에 적용됩니다: text, search, url, tel, email 및 password.

HTML 4.01 와 HTML5사이의 차이

placeholder 속성은 HTML5 에서 추가된 속성.

문법

<input placeholder="text">

속성 값

값	설명
text	입력 필드의 예상 값을 지정하는 짧은 설명。

　HTML <input> 태그

HTML: <template> 태그