[HTML] Select 박스 옵션 타이틀 항목 나타내기

셀렉트 박스에 옵션값을 입력하면 첫번째 옵션이 셀렉트박스에 노출이 된다.

예시        7일 3개월 1년

 

첫 옵션값 대신에 옵션들의 타이틀을 입력하고 싶은 경우 옵션에 disabled hidden selected 속성을 이용하면 된다.

옵션이 숨겨지고 선택 불가능한 상태로 활성화된다.

예시        7일 3개월 1년

 

코드

<select>
  <option selected disabled hidden>구독 기간</option>
  <option value="1">7일</option>
  <option value="2">3개월</option>
  <option value="3">1년</option>
</select>