인프런 커뮤니티 질문&답변
작성한 질문수
input태그를 div로 묶어서 작성하면 탭메뉴 구동이 안되나요?
작성
·
354
답변 1
0
코딩웍스(Coding Works)
지식공유자
코드를 봐야 하겠지만 만약 inpu t태그를 div로 묶었다면 작동하지 않습니다.
input을 이용한 인접형제선택자는 위로는 선택 불가능입니다. 곧 div로 input을 묶었다면 아래 구조로 되어 있을거에요. 그렇다면 input들을 맨 위로 div없이 위치시켜야 합니다.
<div class="tab-inner">
<div>
<input type="radio" name="tabmenu" id="tab1" checked>
<input type="radio" name="tabmenu" id="tab2">
<input type="radio" name="tabmenu" id="tab3">
</div>
</div>
아래에 있는 것처럼 input을 맨위로 올리세요.
<div class="tab-inner">
<input type="radio" name="tabmenu" id="tab1" checked>
<input type="radio" name="tabmenu" id="tab2">
<input type="radio" name="tabmenu" id="tab3">
</div>
감사합니다. 드뎌 이해했습니다. ㅎ!