input type="date"일 때, placeholder를 text로 설정하는 방법

input type="date"일 때, placeholder를 text로 설정하는 방법

QA

input type="date"일 때, placeholder를 text로 설정하는 방법

본문

안녕하세요. 

 

        <label for="wr_name" class="sound_only">주문 날짜<strong>필수</strong></label>
        <input type="date" name="wr_name" value="<?php echo $name ?>" id="wr_name" required aria-required="true" class="frm_input required" placeholder="주문 날짜">

 

 

input type은 date로 설정하고, 날짜 선택 전에 보이는 칸에는 텍스트가 보여지게 하고 싶습니다.

인터넷에 검색해봐도 적절한 방법을 찾지 못해 문의드립니다.

 

input type="date"일 때, placeholder를 text로 설정하는 방법이 있을까요?

이 질문에 댓글 쓰기 :

답변 1

input[type="date"]:not(.has-value):before{
  color: lightgray;
  content: attr(placeholder);
}
<input type="date" placeholder="MY PLACEHOLDER" onchange="this.className=(this.value!=''?'has-value':'')">
답변을 작성하시기 전에 로그인 해주세요.
전체 1,543
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT