HTML

[HTML] select 태그의 option 비활성화, 선택막기 disabled

chsr 2022. 4. 19. 09:32
728x90
반응형

■ HTML select 태그의 option 비활성화, 선택막기 disabled

<select>의 <option> 태그 내 disabled 속성을 추가하게 되면
해당 옵션이 비활성화되어 선택이 불가한 상태가 됨
즉, 선택할 수 없는 <option>태그가 만들어짐


 예제

예제와 같이 disabled 속성과 selected 속성을 함께 추가하게 되면
<select> 닫혀있을때에는 선택되어 있지만 
드롭다운된 리스트 내 해당 값은 선택이 불가한 상태가 됨

<select id="tmpSelect" name="tmpSelect">
	<option value="" disabled selected>선택</option>
	<option value="A">A</option>
	<option value="B">B</option>
</select>
728x90
반응형