placeholder 속성 (input)

정의

placeholder 속성은 '짧은'힌트(한 단어나 짧은 구)를 나타냅니다. 이러한 힌트는 사용자가 데이터를 입력하는데 도움을 주는 목적입니다. 이것은 값의 예가 될수도 있고, 기대하는 형태의 짤막한 설명이 될 수도 있습니다.

속성 값

속성 값은 줄바꿈 문자를 제외한 텍스트입니다.

예제

  <fieldset>
    <legend>메일 보내기</legend>
    <p><label>이름: <input type="text" name="fullName" placeholder="박태완"></label></p>
    <p><label>비밀번호: <input type="password" name="password"></label></p>
    <p><label>이메일: <input type="email" name="mail" placeholder="taewon@example.com"></label></p>
    <p><label>홈페이지: <input type="url" name="hp" placeholder="http://example.com"></label></p>
  </fieldset>
Firefox 5 에서 실행 결과입니다.

메모

  • 긴 힌트나 조언 텍스트에는 title 속성이 좀 더 적절합니다.
  • placeholder 속성을 label 요소를 대체할 목적으로 사용해서는 안됩니다.

참조

기준 명세를 바탕으로 명세 번역과 레퍼런스 제작이 이루어졌습니다. 최근 내용은 최신 명세를 확인해 주세요.

 
html5/attribute/placeholder_input.txt · 마지막 수정: 2013/11/19 13:35 (외부 편집기)
이 레퍼런스는 클리어보스가 제작/운영하고 있으며, 다음의 라이센스를 따릅니다 :CC 저작자표시-비영리-동일조건변경허락 2.0
Recent changes RSS feed World Wide Web Consortium Driven by DokuWiki