HTML-L2-012 / 폼 구성
fieldset 관심사 묶음
초급문제
관심사 체크박스 둘을 fieldset으로 묶고 legend를 "관심사"로 지정하세요. 각각 name=interest, value=python/sql이며 라벨은 Python/SQL입니다.
예시 텍스트·ID·참조 관계를 유지하면서 의미에 맞는 HTML을 작성하세요.
확인할 조건
- 그룹 이름
- 그룹 체크박스
- 각 라벨 연결
힌트
공통 질문을 legend로 표현하세요.
해설·정답 보기
fieldset과 legend는 여러 입력이 하나의 질문에 속함을 전달합니다.
<!doctype html> <html lang="ko"> <head><meta charset="utf-8"><title>실습</title></head> <body> <main><form><fieldset><legend>관심사</legend><label><input type="checkbox" name="interest" value="python">Python</label><label><input type="checkbox" name="interest" value="sql">SQL</label></fieldset></form></main> </body> </html>
index.html화면·구조 확인
코드는 이 브라우저에 자동 저장돼요.
풀이 결과
코드를 작성하고 채점하기를 눌러보세요.
학습용으로 제공된 조건을 확인해요. 알고리즘 사용 방식·설계 의도는 해설과 함께 비교해보세요.