기획

레이블(label), 플레이스 홀더(place holder)

오구송이 2023. 6. 13. 09:31

1. 레이블(label)

  • 입력을 구성하는 다양한 입력 필드를 식별하기 위해 사용하는 명칭
  • 입력필드 상단 혹은 좌측에 입력할 정보가 무엇인지 설명해주는 문구

2. 플레이스 홀더(place holder)

  • 사용자가 값을 입력하는 데 참고할 수 있도록 입력 필드 내 짧은 구문 형식으로 제공되는 간략한 텍스트 정보
  • 입력필드 선택 또는 문자 입력 시 플레이스 홀더 히든

3. 예시

4. 플레이스 홀더(place holder) 작성 시 주의사항

  1. 레이블(label)을 플레이스 홀더(place holder) 형태로 작성하지 않는다.
    • 레이블을 플레이스 홀더 형태로 작성 시, 입력필드 선택 또는 문자 입력 시 레이블이 히든되어 레이블을 확인할 수 없음
    • 입력해야 할 정보(=label)와 입력해야 할 정보의 주의사항(=place holder)을 구분하여 유저에게 노출해야 유저 오입력 방지 가능

728x90
반응형
LIST