<문제 1>
<form action="agree.me" method="get">
<fieldset>
<legend>회원가입 동의서</legend>
<label>이용약관 동의(필수)</label> <br>
<textarea cols="50" rows="8" style="resize:none;" readonly>
여러분을 환영합니다.
네이버 서비스 및 제품(이하 '서비스')을 이용해 주셔서 감사합니다. 본 약관은 다양한 네이버 서비스의 이용과 관련하여 네이버 서비스를 제공하는 네이버 주식회사(이하 '네이버')와 이를 이용하는 네이버 서비스 회원(이하 '회원') 또는 비회원과의 관계를 설명하며, 아울러 여러분의 네이버 서비스 이용에 도움이 될 수 있는 유익한 정보를 포함하고 있습니다.
</textarea><br>
<input type="radio" id="agree1" name="agree_status1" value="agree">
<label for="agree1">동의합니다.</label>
<input type="radio" id="disagree1" name="agree_status1" value="disagree" checked>
<label for="disagree1">동의하지않습니다.</label>
<br><br>
<label>개인정보 수집 및 이용 동의(필수)</label> <br>
<textarea cols="50" rows="8" style="resize:none;" readonly>
개인정보보호법에 따라 네이버에 회원가입 신청하시는 분께 수집하는 개인정보의 항목, 개인정보의 수집 및 이용목적, 개인정보의 보유 및 이용기간, 동의 거부권 및 동의 거부 시 불이익에 관한 사항을 안내 드리오니 자세히 읽은 후 동의하여 주시기 바랍니다.
1. 수집하는 개인정보
이용자는 회원가입을 하지 않아도 정보 검색, 뉴스 보기 등 대부분의 네이버 서비스를 회원과 동일하게 이용할 수 있습니다. 이용자가 메일, 캘린더, 카페, 블로그 등과 같이 개인화 혹은 회원제 서비스를 이용하기 위해 회원가입을 할 경우, 네이버는 서비스 이용을 위해 필요한 최소한의 개인정보를 수집합니다. </textarea><br>
<input type="radio" id="agree2" name="agree_status2" value="agree">
<label for="agree2">동의합니다.</label>
<input type="radio" id="disagree2" name="agree_status2" value="disagree" checked>
<label for="disagree2">동의하지않습니다.</label> <br><br>
<input type="checkbox" id="agree" name="agree_status" value="agree">
<label for="agree">모두 동의합니다.</label> <br><br>
<button type="reset">취소</button>
<button type="submit">확인</button>
</fieldset>
</form>
<문제 2>
<form action="insert.me" method="post">
<fieldset>
<legend>회원가입 양식</legend>
<label>* 아이디</label><br>
<input type="text" placeholder="영문 소문자, 숫자, 특수기호(_, -) 5~20" maxlength="20" size="35" required>
<input type="button" value="아이디 중복 확인"> <br><br>
<label>* 비밀번호</label><br>
<input type="password" placeholder="영문, 숫자, 특수문자 8~15" maxlength="15" size="35" required> <br><br>
<label>* 비밀번호 재확인</label><br>
<input type="password" placeholder="영문, 숫자, 특수문자 8~15" maxlength="15" size="35" required> <br><br>
<label>* 이름</label><br>
<input type="text" size="35" required> <br><br>
<label>* 주민등록번호</label><br>
<input type="text" size="12" maxlength="6" required> - <input type="password" size="15" maxlength="7" required> <br><br>
<label>* 성별</label> <br>
<input type="radio" id="radioX" name="gender" value="X" checked> <label for="radioX">선택안함</label>
<input type="radio" id="radioM" name="gender" value="M"> <label for="radioM">남자</label>
<input type="radio" id="radioF" name="gender" value="F"> <label for="radioF">여자</label> <br><br>
<label>* 생년월일</label><br>
<input type="date"> <br><br>
<label>주소</label><br>
<input type="text" size="35" required><br><br>
<label>우편번호</label><br>
<input type="text" size="20" required>
<input type="button" value="우편번호찾기"> <input type="checkbox" name="agree_post">우편 수신 동의 <br><br>
<label>이메일</label><br>
<input type="email" size="35"> <input type="checkbox" name="agree_email">이메일 수신 동의 <br><br>
<label>휴대폰번호</label><br>
<select>
<option>010</option>
<option>011</option>
<option>017</option>
<option>019</option>
</select> -
<input type="text" size="5" maxlength="4"> -
<input type="text" maxlength="4" size="5">
<input type="checkbox" name="agree_phone">문자 수신 동의 <br><br>
<button type="reset">초기화</button>
<button type="submit">가입하기</button>
</fieldset>
</form>
<문제 3>
<form action="login.me" method="post">
<fieldset>
<legend>로그인</legend>
<table>
<tr>
<td>아이디</td>
<td><input type="text"></td>
<td rowspan="2"><button type="submit">로그인</td>
</tr>
<tr>
<td>비밀번호</td>
<td><input type="password"></td>
</tr>
</table>
</fieldset>
</form>
<문제 4>
<form action="test.do">
<fieldset>
<legend>납품자 정보</legend>
<table>
<tr>
<td><lable for="u_name">납품자명</lable></td>
<td><input type="text" name="u_name" placeholder="ex) 홍길동"></td>
</tr>
<tr>
<td><label for="u_mail">email</label></td>
<td><input type="email" name="u_mail" placeholder="ex)ex@ex.com"></td>
</tr>
<tr>
<td><label for="u_home">홈페이지</label></td>
<td><input type="url" name="u_home" placeholder="http://"></td>
</tr>
</table>
</fieldset>
<fieldset>
<legend>납품 정보</legend>
<table>
<tr>
<td><label for="p_name">상품명</label></td>
<td><input type="text" name="p_name"></td>
</tr>
<tr>
<td><label for="p_count">납품수량</label></td>
<td><input type="number" name="p_count" placeholder="최소100" min="100"></td>
</tr>
<tr>
<td><label for="p_grade">납품등급</label></td>
<td><input type="range" name="p_grade" min="0" max="10" value="6"></td>
</tr>
<tr>
<td><label for="p_etc">기타사항</label></td>
<td><textarea name="p_etc" cols="22" rows="3" style="resize:none;"></textarea></td>
</tr>
</table>
</fieldset>
<br>
<input type="reset" value="초기화">
<input type="submit" value="전송">
</form>