HTML 입력 자리 표시 자 속성
예 1
자리 표시 자 텍스트와 함께 두 개의 입력 필드 :
<form action="demo-form.php">
<input type="text" name="fname" placeholder="First name"><br>
<input type="text" name="lname" placeholder="Last name"><br>
<input type="submit" value="提交">
</form>
<input type="text" name="fname" placeholder="First name"><br>
<input type="text" name="lname" placeholder="Last name"><br>
<input type="submit" value="提交">
</form>
»시도
자리 표시 자 텍스트 색상도 지정할 수 있습니다.
예 2
자리 표시 자 텍스트 색상 설정 :
<form action="demo-form.php">
<input type="text" name="fname" placeholder="First name"><br>
<input type="text" name="lname" placeholder="Last name"><br>
<input type="submit" value="提交">
</form>
<input type="text" name="fname" placeholder="First name"><br>
<input type="text" name="lname" placeholder="Last name"><br>
<input type="submit" value="提交">
</form>
»시도
브라우저 지원
인터넷 익스플로러 10, 파이어 폭스, 오페라, 크롬과 사파리는 자리 표시 자 속성을 지원합니다.
참고 : 인터넷 익스플로러 9 이전 버전의 자리 표시 자 속성 <입력> 태그를 지원하지 않습니다.
정의 및 사용
(: 시료의 예상 값이나 형식에 대한 간단한 설명 예) 플레이스 홀더 속성을 상기 입력 필드는 단문 메시지의 기대 값을 지정 기술 할 수있다.
사용자가 입력 필드에 값을 입력하기 전에 프롬프트가 표시된다.
참고 : 텍스트, 검색, URL, 전화 : 자리 속성은다음과 같은 입력 유형에 적용 , 이메일 과 암호를 입력합니다.
HTML 4.01과 HTML5의 차이점
자리 표시 자 속성은 HTML5 속성의 새로운 기능입니다.
문법
<input placeholder="text">
속성 값
| 值 | 描述 |
|---|---|
| text | 规定可描述输入字段预期值的简短的提示信息。 |
HTML <INPUT> 태그