폼 태그의 기본 구조

<form action="/submit" method="post">
    <label for="username">사용자 이름:</label>
    <input type="text" id="username" name="username">
    
    <button type="submit">제출하기</button>
</form>

다양한 input 타입

<form>
    <div>
        <label for="email">이메일:</label>
        <input type="email" id="email" name="email">
    </div>
    
    <div>
        <label for="password">비밀번호:</label>
        <input type="password" id="password" name="password">
    </div>
    
    <div>
        <label for="age">나이:</label>
        <input type="number" id="age" name="age" min="0" max="120">
    </div>
    
    <div>
        <label for="birthday">생년월일:</label>
        <input type="date" id="birthday" name="birthday">
    </div>
</form>

체크박스와 라디오 버튼

<form>
    <div>
        <p>관심 있는 분야:</p>
        <label>
            <input type="checkbox" name="interests" value="programming"> 프로그래밍
        </label>
        <label>
            <input type="checkbox" name="interests" value="design"> 디자인
        </label>
        <label>
            <input type="checkbox" name="interests" value="marketing"> 마케팅
        </label>
    </div>
    
    <div>
        <p>성별:</p>
        <label>
            <input type="radio" name="gender" value="male"> 남성
        </label>
        <label>
            <input type="radio" name="gender" value="female"> 여성
        </label>
    </div>
</form>

select와 textarea 태그

<form>
    <div>
        <label for="country">국가 선택:</label>
        <select id="country" name="country">
            <option value="kr">대한민국</option>
            <option value="us">미국</option>
            <option value="jp">일본</option>
            <option value="cn">중국</option>
        </select>
    </div>
    
    <div>
        <label for="message">메시지:</label>
        <textarea id="message" name="message" rows="4"></textarea>
    </div>
</form>

다음 요구사항을 만족하는 회원가입 폼을 만들어보세요:

1. 기본 정보 입력 (이름, 이메일, 비밀번호)
2. 개인 정보 (생년월일, 성별)
3. 관심 분야 선택 (체크박스)
4. 자기소개 (텍스트 영역)
5. 약관 동의 (체크박스)
6. 제출 버튼

다음 문제를 풀어보세요:

1. 폼을 만들 때 사용하는 태그는 무엇인가요?
2. 텍스트 입력 필드를 만들 때 사용하는 태그는 무엇인가요?
3. 여러 개의 옵션 중 하나만 선택할 수 있는 입력 필드는 무엇인가요?
4. 여러 줄의 텍스트를 입력할 때 사용하는 태그는 무엇인가요?
5. 폼에서 필수 입력 필드를 지정할 때 사용하는 속성은 무엇인가요?