select box 속성 placeholder 처럼 사용

select box를 사용하다 보면 아래 와 같이 해당 설렉터의 카테고리를 지정하고 해당옵션을 선택할때는 카테고리 명을  사라지게 하는 기능을 사용해야하는 경우가 있습니다.

즉, input 의 text type에서 placeholder 처럼 입력 전 표시하고 포커스가 되면 해당 입력값은 사라지는 것 처럼 말이죠.

 

 

tag에 직접 아래와 같이 작성 할  수 있습니다.

selected : 초기 선택

hidden :  안보이게

disabled :  비활성화

 

<select>
	<option value="0" selected hidden disabled>family</option>
	<option value="1">naver</option>
	<option value="2">daum</option>
	<option value="3">kakao</option>    
</select>