BLOG main image
지식과 일상의 창고

오늘 태그 이야기는 저번에 예고한 대로 HTML 체크박스 구현 방법에 대한 것이다. HTML 체크박스는 저번에 다루었던 라디오 버튼과 크게 다르지 않다. 다만, Input Type만 radio에서 checkbox로 바꾸면 된다.


라디오 버튼은 여러 선택지에서 단 하나만 선택이 가능한 것임에 반해 체크박스는 다중 선택이 가능한 버튼을 구현한 것이다. 그 구체적인 예시는 아래와 같다.




name은 기본적으로 하나의 폼 안에서는 전부 같은 것으로 해야 데이터가 꼬이지 않는다. 다만, 당연히 value 값은 서로 다른 값을 인식하기 위한 것으로 각각은 구분되어야 한다.


라디오 버튼의 경우 checked 옵션을 여러 라디오 버튼들 중에서 하나만 사용할 수 있지만 체크박스의 경우에는 기본적으로 다중선택을 할 수 있는 폼이기 때문에 여러군데를 사용할 수 있다. checked 옵션은 사용자가 첫 로딩시 해당 폼에 체크되어 있도록 한 옵션이다.

Posted by 노을

카테고리

분류 전체보기
일상
건강
경영
경제
여행
리뷰
법률
세금
직장
문법
재테크
포토샵
기타정보
인터넷IT

최근에 올라온 글

최근에 달린 댓글