<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="30 웹개발 과제.css">
</head>
<body>
<form>
<fieldset>
<legend><h1>회원가입 페이지</h1></legend>
<h2>로그인 정보</h2>
<label for="" id="private">ID 입력 <input type="text" name="" id="" placeholder="최대 10자"></label>
<br>
<label for="" id="private">비밀번호 <input type="password" name="" id="" placeholder="영어, 숫자 섞어서"></label>
<label for="" id="private">비밀번호 확인 <input type="password" name="" id="" placeholder="영어, 숫자 섞어서"></label>
<hr>
<h2>개인정보</h2>
<label for=""><h5>주소</h5> <input type="text" name="" id=""></label>
<h5>연령대</h5>
<label for="" id="form">10~19 <input type="radio" name="나이" id=""></label>
<label for="" id="form">20~29 <input type="radio" name="나이" id=""></label>
<label for="" id="form">30~39 <input type="radio" name="나이" id=""></label>
<label for="" id="form">40~49 <input type="radio" name="나이" id=""></label>
<label for="" id="form">50이상 <input type="radio" name="나이" id=""></label>
<h5>성별</h5>
<label for="" id="form">남 <input type="radio" name="gender" id=""></label>
<label for="" id="form">여 <input type="radio" name="gender" id=""></label>
<h5>취미</h5>
<label for="">게임 <input type="checkbox" name="" id=""></label>
<label for="">유튜브 <input type="checkbox" name="" id=""></label>
<label for="">잉여짓 <input type="checkbox" name="" id=""></label>
<label for="">운동 <input type="checkbox" name="" id=""></label>
<label for="">독서 <input type="checkbox" name="" id=""></label>
<label for="">여행 <input type="checkbox" name="" id=""></label>
<label for="">창작 <input type="checkbox" name="" id=""></label>
<hr>
<button type="submit">회원가입</button>
<button type="reset">다시 입력</button>
</fieldset>
</form>
</body>
</html>
==============================================================================================
#private {
font-size: 11pt;
font-weight: bold;
}
button {
border: none;
background-color: rgb(200, 212, 222);
border-radius: 2px;
box-shadow: black 1px 1px 1px;
}