본문 바로가기

Python_WEB/HTML

HTML5 - 190604 Basic Study 11(사이트 가입 신청서)

반응형

1. 사이트 가입 신청서

ex13.html


2. HTML 미리보기

사이트 가입 신청서


<기본 입력 사항>
아이디 :
비밀번호 :
e-mail :
성별 :남자 여자

<추가 입력 사항>
이 사이트를 알게 된 경로는?
가보고 싶은 나라는?
관심 있는 프로그래밍 기술은?
ASPPHP
JAVAPERL
자기 소개(간단히)


3. HTML Code

<!doctype html>
<html lang="ko">
<html>
<head>
<meta charset="utf-8">
<title>폼 예제</title>
</head>

<body>

<form>
<table width="300" border="0" align="center">
<tr>
<td align="center">
<h2>사이트 가입 신청서</h2>
</td>
</tr>
</table>
<hr width="600" align="center">
<table width-"300" border="0" align="center">
<tr>
<td colspan="2" align="center" height="50">
&lt;기본 입력 사항&gt;
</td>
</tr>
<tr>
<td width="100">아이디 : </td>
<td>
<input type="text" name="id" size="10" autofocus>
</td>
</tr>
<tr>
<td width="100">비밀번호 : </td>
<td>
<input type="password" name="password" size="10">
</td>
</tr>
<tr>
<td width="100">e-mail : </td>
<td>
<input type="e-mail" name="mail" size="20">
</td>
</tr>
<tr>
<td width="100">성별 : </td>
<td>
<input type="radio" name="gender">남자
<input type="radio" name="gender">여자
</td>
</tr>
</table>
<br>
<table width-"300" border="0" align="center">
<tr>
<td colspan="2" align="center" height="50">
&lt;추가 입력 사항&gt;
</td>
</tr>
<tr>
<td width="400">이 사이트를 알게 된 경로는?</td>
<td>
<select name="media">
<option value="internet">인터넷 검색</option>
<option value="news">뉴스 검색</option>
<option value="TV">TV 광고</option>
</select>
</td>
</tr>
<tr>
<td width="400">가보고 싶은 나라는?</td>
<td>
<select name="nation" multiple>
<option value="aus">호주</option>
<option value="eng">영국</option>
<option value="jap">일본</option>
<option value="fr">프랑스</option>
</select>
</td>
<tr>
<td width="400">관심 있는 프로그래밍 기술은?</td>
</tr>
<tr>
<td width="80">
<input type="checkbox" name="webpro" value="ASP">ASP
</td>
<td>
<input type="checkbox" name="webpro" value="PHP">PHP
</td>
</tr>
<tr>
<td width="80">
<input type="checkbox" name="webpro" value="JAVA">JAVA
</td>
<td>
<input type="checkbox" name="webpro" value="PERL">PERL
</td>
</tr>
</table>
<table width-"300" border="0" align="center">
<tr>
<td align="center" colspan="2" width="400">자기 소개(간단히)</td>
</tr>
<tr>
<td>
<textarea name="memo" rows="15" cols="60"></textarea>
</td>
</tr>
</table>
<table width-"300" border="0" align="center">
<tr>
<td><input type="submit" value="가입신청"></td>
<td></td>
<td><input type="reset" value="다시쓰기"></td>
</tr>
</table>
</form>

</body>
</html>


반응형