[html] <option hidden>

<div class="input-group">
    <select id="mmtot" name="mmtot" class="custom-select type-round">
        <option value="Select" hidden>선택</option>
        <option value="mm">당월</option>
        <option value="tot">누적</option>
    </select>
</div>

 

기간을 설정하는 selectbox를 만드는데, 사용자가 선택할수는 없지만 필요한 option을 추가하기 위해서

option 태그에 hidden 속성을 추가하였다. 

사용자가 앞쪽에 기간을 임의로 설정을 하면  change event 가 발생할 때 선택이라는 option 이 선택되도록 하였다.

 tag에 hidden 을 주면 사용자에게 숨길 수 있다는 것은 알았지만  여러 option 태그 중에 하나,  부분만 숨기는 설정을 

처음 경험해 보아서 기록으로 남긴다.