[CSS] CSS 속성으로 placeholder 값 지정하기 (input[type="date"] placeholder 적용 처리)

Referecne

(CSS) input[type="date"] placeholder 적용 처리

 

 

백 오피스 프로그램의 프론트단을 만들다가 유용한 속성인 attr(#variable)을 찾아 기록한다.

자세한 내용은 윗 블로그 참조! 👍

 

CSS

input[type='date']::before {
  content: attr(data-placeholder);
  width: 100%;
}

HTML

<input
  type="date"
  data-placeholder="날짜 선택"></input>