728x90
<body>
10대 <input type="radio" name="ages" checked="checked">
20대 <input type="radio" name="ages">
30대 <input type="radio" name="ages">
40대 <input type="radio" name="ages">
<br><br>
게임하기 <input type="checkbox" name="hobbys">
책보기 <input type="checkbox" name="hobbys">
축구하기 <input type="checkbox" name="hobbys">
노래부르기 <input type="checkbox" name="hobbys" checked="checked">
</body>
보통 라디오 버튼은 단일 선택 시, 체크박스는 다중 선택 시 사용된다.
라디오 버튼의 name 속성에 동일한 값을 주어서 다중 선택을 막을 수 있다.
라디오 버튼이나 체크 박스에 기본 값을 주고 싶다면 checked 속성의 값을 checked로 지정하여 사용할 수 있다.
728x90
'Front-end' 카테고리의 다른 글
| [css]박스 모델 (0) | 2022.04.27 |
|---|---|
| [css]overflow: hidden, visible, auto (0) | 2022.04.27 |
| [css] *, id 선택자, class 선택자, 속성 선택자, 가상 클래스 선택자, 자식 선택자, 자손 선택자, 그룹 선택자 (0) | 2022.04.27 |
| HTML 태그(2) (0) | 2022.04.26 |
| HTML 태그 (0) | 2022.04.26 |
