HTML_JS(Sol)

210507_3(가입신청폼 만들기)

너굴셉 2021. 5. 7. 12:11 
<!DOCTYPE html>
<!--  HTML5 문서의 선언 -->
<html>
<!--HTML문서는 html태그로 시작하고 html태그로 끝난다 -->
<head>
<!-- 화면에 보이지 않고, 문서환경을 설정한다. -->
<meta charset="EUC-KR">
<!--  웹브라우져야 이문서에 한글이 포함되어있다 -->
<title>회원가입 폼 만들기</title>
<!-- 문서의제목 -->
</head>
<body>
	<!-- 실제로 데이타를 화면에 출력하는 부분 -->

	<table border="1">
		<tr>
			<td colspan="2" align="center"><font color="blue" size="5">회원가입
					폼 만들기</font></td>
		</tr>
		<tr>
			<td width="100">이름</td>
			<td width="400"><input type="text" name="m_name" size="15"></td>
		</tr>
		<tr>
			<td>아이디</td>
			<td><input type="text" name="m_id" size="15"></td>
		</tr>
		<tr>
			<td>암호</td>
			<td><input type="password" name="m_password" size="15"></td>
		</tr>
		<tr>
			<td>주소</td>
			<td><input type="text" name="m_address" size="40"></td>
		</tr>
		<tr>
			<!-- 체크박스는 다중선택이 가능하므로 이름이 다르다 -->
			<td>취미</td>
			<td><input type="checkbox" name="m_hobby1">독서 <inputtype
					="checkbox" name="m_hobby2">게임 <input type="checkbox"
					name="m_hobby3">영화 <input type="checkbox" name="m_hobby4">잠자기</td>
		</tr>
		<tr>
			<!-- 라디오버튼은 다중택일용 이므로 이름이 같다 -->
			<td>직업</td>
			<td><input type="radio" name="m_job">백수 <input
				type="radio" name="m_job">백조 <input type="radio"
				name="m_job">군인 <input type="radio" name="m_job">회사원
				<input type="radio" name="m_job">프로그래머</td>
		</tr>
		<tr>
			<td>자기소개</td>
			<td><textarea rows="4" cols="40" name="m_resum"></textarea></td>
		</tr>
		<tr>
			<td>전화번호</td>
			<td><select name="m_phone1"><option value="010">010</option>
					<option value="017">017</option>
					<option value="018">018</option>
					<option value="011">011</option>
			</select>-<input type="text" name="m_phone2" size="4"> -<input
				type="text" name="m_phone3" size="4"></td>
		</tr>
		<tr>
			<td colspan="2" align="center">
				<!-- sumit 버튼은 전송기능이 있는 버튼 --> <input type="submit" value="가입하기">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<input type="reset" value="다시쓰기">
			</td>
		</tr>
	</table>


</body>
</html>

<input type= txet

password

checkbox

radio

sumit

reset>

<textarea> </>

<select></>