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

Front End/CSS

DevPing9_ 2023. 3. 5. 21:50

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

"도움이 되셨다면 공감과 댓글로 지지해주세요!!" 시작일과 종료일에 캘린더 기능을 구현하기 위해 JS의 input type='date'를 이용하였다. input type='date'와 전체 페이지가 조화롭게 보이게 하기 위해

jobcoding.tistory.com

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

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

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

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

728x90