HTML-L1-082 / 폼과 버튼
label 연결
입문문제
id가 email인 이메일 입력과 "이메일" label을 연결하세요. name도 email로 지정하세요.
예시 텍스트·ID·참조 관계를 유지하면서 의미에 맞는 HTML을 작성하세요.
확인할 조건
- 라벨 연결
- 이메일 타입
- 전송 키
힌트
label의 for와 입력의 id가 같아야 합니다.
해설·정답 보기
label을 누르면 연결된 입력에 포커스가 이동합니다. name은 전송할 값의 이름입니다.
<!doctype html> <html lang="ko"> <head><meta charset="utf-8"><title>실습</title></head> <body> <main><label for="email">이메일</label><input id="email" name="email" type="email"></main> </body> </html>
index.html화면·구조 확인
코드는 이 브라우저에 자동 저장돼요.
풀이 결과
코드를 작성하고 채점하기를 눌러보세요.
학습용으로 제공된 조건을 확인해요. 알고리즘 사용 방식·설계 의도는 해설과 함께 비교해보세요.