<form action="/submit" class="register-form" id="signupForm">
    <h3>회원가입 깐깐한 심사대</h3>

    <!-- 1. 숫자 범위 제한 (min, max) -->
    <div class="form-group">
        <label for="userAge">나이 (18세 이상)</label>
        <input type="number" id="userAge" min="18" max="99" placeholder="나이를 입력하세요" required>
        <span class="hint">18부터 99까지만 가능합니다.</span>
    </div>
    
    <!-- 2. 이메일 형식 검사 (type="email") -->
    <div class="form-group">
        <label for="userEmail">이메일</label>
        <input type="email" id="userEmail" placeholder="example@min.com" required>
        <span class="hint">@ 기호가 포함되어야 합니다.</span>
    </div>
    
    <!-- 3. 정규표현식 검사 (pattern) -->
    <div class="form-group">
        <label for="userPw">비밀번호 (영문, 숫자 6~12자)</label>
        <input type="password" id="userPw" pattern="[A-Za-z0-9]{6,12}" placeholder="조건에 맞게 입력하세요" required>
        <span class="hint">특수문자 제외 영문/숫자만 6~12자</span>
    </div>
    
    <!-- 4. 글자 수 제한 (maxlength) -->
    <div class="form-group">
        <label for="userBio">짧은 자기소개</label>
        <input type="text" id="userBio" maxlength="20" placeholder="최대 20자까지만 입력 가능합니다">
    </div>
    
    <button type="submit" class="submit-btn">가입하기 (검사 시작)</button>
</form>