개인 신상 정보 입력









30_quiz_form

개인 신상 정보 입력









30_quiz_form

개인 신상 정보 입력









<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>30_quiz_form</title>
</head>
<body>
<!--
	  # img 폴더안에 'Quiz_form.png' 파일의 내용을 구현하세요
-->
	<h2>개인 신상 정보 입력</h2>
	<form action="#" id="input_info">
		<label for="name">- 이름 :</label>
		<input type="text" id="name" name="name">
		<br><br>
		
		<label for="PW">- 비밀번호 :</label>
		<input type="password" id="PW" name="PW">
		<br><br>
		
		<label for="gender">- 성별 :</label>
		<input type="radio" id="male" name="gender" value="m">
		<label for="male">남성</label>
		<input type="radio" id="female" name="gender" value="f">
		<label for="female">여성</label>
		<br><br>
		
		<label for="hobby1">- 취미 :</label>
		<input type="checkbox" id="hobby1" name="music">
		<label for="movie">영화감상</label>
		<input type="checkbox" id="hobby1" name="music">
		<label for="game">게임</label>
		<input type="checkbox" id="hobby1" name="music">
		<label for="music">음악듣기</label>
		<br><br>
		
		<label for="file_id">- 파일첨부 :</label>
		<input type="file" id="file_id" name="file">
		<br><br>
		
		<label for="email">- 이메일 :</label>
		<input type="text" id="email" name="email"> @
		<select id="domain_list" name="domain" size="1">
			<option value="select">----선택-----</option>
			<option value="naver.com">naver.com</option>
			<option value="google.com">google.com</option>
			<option value="daum.net">daum.net</option>
		</select>
		<br><br>
		
		<label for="myinfo">- 자기소개</label><br>
		<textarea id="myinfo" name="myinfo" rows="5" cols="20" placeholder="내용을 입력해주세요."></textarea>
	</form>
	<br>
	<button form="input_info" type="submit">확인</button>
	
	
</body>
</html>