<aside> 📢 [ 코멘트 ]
과제대로 보이도록 틀 잘작성해주셨네요~ 제가 실습문제풀이할때와 사용하는 태그가 약간 다를 수 있지만 , 겉보기에는 동일하므로 상관은 없어보입니다. 숙제하시느라 수고하셨습니다.
</aside>
강사님 풀이에서는 text영역에 반드시 값이 작성되도록 하는 설정으로 전부 require 속성이 추가되어 작성되었다.
<!DOCTYPE html>
<html>
<head>
<title>회원가입</title>
</head>
<body>
<p>
<form action="">
<fieldset>
<legend>회원가입 동의서</legend>
이용약관 동의(필수) <br>
<div>
<textarea name="agree1" id="" cols="48" rows="8" style="resize:none;">여러분을 환영합니다. 네이버 서비스 및 제품(이하 '서비스')를 이용해주셔서 감사합니다. 본 약관은 다양한 네이버 서비스의 이용과 관련하여 네이버 서비스를 제공하는 네이버 주식 회사(이하 '네이버')와 이를 이용하는 네이버 서비스회원(이하 '회원') 또는 비회원과의 관계를 설명하며,아울러 여러분의 네이버 서비스 이용에 도움이 될 수있는 유익한 정보를 포함하고 있습니다.</textarea>
</div>
~~<input type="radio" name="agree1_1" id=""> 동의합니다. <input type="radio" name="agree1_2" id="" checked="checked"> 동의하지않습니다.~~
<input type="radio" name="agree" id="agree1_1"><label for="agree1_1"> 동의합니다.</label> <input type="radio" name="agree" id="agree1_2" checked="checked"><label for="agree1_2"> 동의하지않습니다.</label>
<!-- name을 통일하고 id를 달리해줘야 함. 안그러면 둘다 선택이 가능해진다. -->
<br><br>
개인정보 수집 및 이용 동의(필수)
<div>
<textarea name="agree2" id="" cols="48" rows="8" style="resize:none;">자세히 읽은 후 동의하여 주기기 바랍니다. 1. 수집하는 개인정보 이용자는 회원가입을 하지 않아도 정보 검색, 뉴스보기 등 대부분의 네이버 서비스를 회원과 동일하게 이용할 수 있습니다. 이용자가 메일, 캘린더, 카페, 블로그 등과 같이 개인화 혹은 회원제 서비스를 이용하기 위해 회원가입을 할 경우, 네이버는 서비스 이용을 위해 필요한 최소한의 개인정보를 수집합니다.</textarea>
</div>
~~<input type="radio" name="agree2_1"> 동의합니다. <input type="radio" name="agree2_2" id="" checked="checked"> 동의하지 않습니다.~~
<input type="radio" name="agree2" id="agree2_1"><label for="agree2_1"> 동의합니다.</label> <input type="radio" name="agree2" id="agree2_2" checked="checked"><label for="agree2_2"> 동의하지 않습니다.</label>
<br><br>
~~<input type="checkbox" name="ok" id=""> 모두 동의합니다.~~
<input type="checkbox" name="ok" id="ok"><lable for="ok"> 모두 동의합니다.</label>
<br><br>
~~<button>취소</button>~~
<button type="reset">취소</button>
<input type="submit" value="확인">
</fieldset>
</form>
<br><br>
<form>
<fieldset>
<legend>회원가입 양식</legend>
* 아이디 <br>
<input type="text" name="ID" placeholder="영문 소문자, 숫자, 특수기호(_,-) 5~20" maxlength="20" size="35">
<button type="button">아이지 중복 확인</button>
<br><br>
* 비밀번호 <br>
<input type="text" name="PW" placeholder="영문, 숫자, 특수문자 8~15" maxlength="15" size="35">
<br><br>
* 비밀번호 재확인 <br>
<input type="text" name="RePW" placeholder="영문, 숫자, 특수문자 8~15" maxlength="15" size="35">
<br><br>
* 이름 <br>
<input type="text" name="Name" size="35">
<br><br>
* 주민등록번호 <br>
<input type="text" name="num1" size="14"> -
<input type="text" name="num2" size="14">
<br><br>
* 성별 <br>
~~<input type="radio" name="gender1" checked="checked"> 선택안함~~
~~<input type="radio" name="gender2"> 남자~~
~~<input type="radio" name="gender3"> 여자~~
<input type="radio" name="gender" id="nope" checked="checked"><label for="nope"> 선택안함</label>
<input type="radio" name="gender" id="M"><label for="M"> 남자</label>
<input type="radio" name="gender" id="F"><label for="F"> 여자</label>
<br><br>
* 생년월일 <br>
<input type="date" name="birth" placeholder="년-월-일">
<br><br>
주소 <br>
<input type="text" name="address" size="35">
<br><br>
우편번호 <br>
<input type="text" name="post" value="ddd">
~~<button>우편번호찾기</button>~~
<button type="button">우편번호찾기</button>
~~<input type="checkbox">우편 수신 동의~~
<input type="checkbox" id="postOk"><label for="postOk">우편 수신 동의</label>
<br><br>
이메일 <br>
<input type="text" name="Email"size="35" value="ddd">
~~<input type="checkbox">이메일 수신 동의~~
<input type="checkbox" id="emailOk"><label for="emailOk">이메일 수신 동의</label>
<br><br>
휴대폰번호 <br>
<select name="phone" id="">
<option value="">010</option>
<option value="">011</option>
</select>
-
<input type="text" size="6"> -
<input type="text" size="6">
~~<input type="checkbox">문자 수신 동의~~
<input type="checkbox" id="phoneOk"><label for="phoneOk">문자 수신 동의</label>
<br><br>
~~<button>초기화</button>~~
<button type="reset">초기화</button>
<input type="submit" name="hire" value="가입하기">
</fieldset>
</form>
</p>
</body>
</html>
<div>
<textarea name="agree1" id="" cols="48" rows="8" style="resize:none;">여러분을 환영합니다. 네이버 서비스 및 제품(이하 '서비스')를 이용해주셔서 감사합니다. 본 약관은 다양한 네이버 서비스의 이용과 관련하여 네이버 서비스를 제공하는 네이버 주식 회사(이하 '네이버')와 이를 이용하는 네이버 서비스회원(이하 '회원') 또는 비회원과의 관계를 설명하며,아울러 여러분의 네이버 서비스 이용에 도움이 될 수있는 유익한 정보를 포함하고 있습니다.</textarea>
</div>
<input type="radio" name="agree1_2" id="" checked="checked"> 동의하지않습니다.
<input type="text" name="ID" placeholder="영문 소문자, 숫자, 특수기호(_,-) 5~20" maxlength="20" size="35">