[html] 셀렉트박스 기본값에 관해

selectbox를 사용할 때, 실제로 데이터를 넘겨주는 option이 있는가 하면, 

"==선택해주세요==" 와 같이 데이터와 전혀 상관없는 안내문구 옵션을 넣어야 할 때가 있다.

(물론 요즘은 접근성 이슈로 기본값을 미리 선택해 두긴 하지만..)

이와 같은 옵션을 넣을때 hidden과 disabled 속성을 넣으면 아주 유용하다.

default값은 "==선택해주세요==" 로 되어있지만 실제 셀렉트박스를 클릭 시 안내문구는 선택할 수 없게 되고

실제 데이터 값만 선택할 수 있게 되어서 개발자가 편할 듯.

IE9+, 크롬, 파이어폭스 모두 잘 적용됐다. IE8 테스트는 해보지 못함.

<select>
  <option value="" selected disabled hidden>==선택하세요==</option>
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
  <option value="4">Four</option>
  <option value="5">Five</option>
</select>