<TIL id="20210830월">select box의 placeholder효과</TIL>

select box에서 placeholder 효과 주기

<select>태그는 placeholder속성이 없다. 따라서 다음과 같이 표현할 수 있다.

• disabled: 클릭안됨
• selected: 선택됨으로 값이 노출된다.
• hidden: 셀렉트 박스 옵션에 노출안됨

<select>
  <option value="" disabled selected hidden>YYYY</option>
  <option value="">1990</option>
  <option value="">1989</option>
  <option value="">1988</option>
</select>