
!codepenjjeong234/embed/gOzxOEL?default-tab=html%2Cresult해당 inputtype=checkbox 는 보이지 않게 display:none 처리하고 input의 id와 label의 for을 같게 하여 연동시켜 input를 보이지

항상 탭메뉴는 제공되는 라이브러리를 사용해서 만들었어서 몰랐는데 radio 버튼으로, css 속성으로 주어서 구현 가능하다. !codepenjjeong234/embed/bGMrjLw?default-tab=html%2Cresult이렇게 radio 버튼 세개를 놓고 rad

htmlcss

위 사진처럼 체크박스나, 라디오 버튼을 클릭할때에도 체크가 되어야하지만 옆의 글씨(label)을 눌렀을 때에도 체크가 되어야 사용하기 편리하다.label안에 해당 글씨를 넣고 input의 id와 label 의 for을 동일하게 맞춰준다라디오 버튼도 마찬가지!