[HTML] - 라디오 버튼으로 탭메뉴 구현

조가든·2022년 9월 22일

html

목록 보기
2/4
post-thumbnail
  • 항상 탭메뉴는 제공되는 라이브러리를 사용해서 만들었어서 몰랐는데 radio 버튼으로, css 속성으로 주어서 구현 가능하다.

 <input type="radio" name="tabmenu" id="tab1" checked="checked">
 <input type="radio" name="tabmenu" id="tab2">
 <input type="radio" name="tabmenu" id="tab3">

<div class="btn">
    <label for="tab1"></label>
    <label for="tab2"></label>
    <label for="tab3"></label>
</div>
  • 이렇게 radio 버튼 세개를 놓고 radio 버튼은 display : none한 뒤, label 속성을 이용해서 버튼을 구현하고 css를 먹이면 탭메뉴 구현완료..
profile
jo_garden

0개의 댓글