WEB.HTML
chapter18 : form_tag_test1
GAWON
2023. 5. 18. 09:22
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>form tag</title>
</head>
<body>
<h3>연습문제 - 1</h3>
<form action = "#" method ="post">
<!-- action="#" : submit 처리방법(나중에 처리하겠다는 의미) -->
<!-- method="post" : 아이디와 비밀번호의 보안을 위해서 post 사용 -->
<label> 아이디 : <input type = "text" size = "15" id = "uId" placeholder= "아이디"/></label> <br />
<label> 비밀번호 : <input type = "password" size = "15" id = "uPassword" placeholder= "비밀번호"/></label> <br />
<input type="submit" value= "로그인" /> <br />
</form>
```
<h3>연습문제 - 2</h3>
<form method="post">
<fieldset>
<label for = "email"> 아이디 : </label>
<input type = "email" size = "20" id = "email" placeholder= "example@naver.com" />
<label for = "pw"> 비밀번호 : </label>
<input type = "password" size = "15" id = "pw" placeholder= "비밀번호" />
<input type = "button" value= "로그인" onclick="" /> <br />
<!-- <button onclick="#">로그인</button> -->
</fieldset>
</form>
<h3>연습문제 - 3</h3>
<h1>회원가입</h1>
<form action ="#" method ="post">
<h4>로그인 정보</h4>
<table >
<tr>
<td><label for = "uId"> 아이디 </label></td>
<td><input type = "text" size = "15" id = "uId" /></td>
</tr>
<tr>
<td><label for = "pw1"> 비밀번호 </label></td>
<td><input type = "password" size = "15" id = "pw1" /></td>
</tr>
<tr>
<td><label for = "pw2"> 비밀번호 확인 </label></td>
<td><input type = "password" size = "15" id = "pw2" /></td>
</tr>
</table>
<h4>개인 정보</h4>
<table>
<tr>
<td><label for = "name"> 이름</label></td>
<td><input type = "text" size = "15" id = "name" /></td>
</tr>
<tr>
<td><label for = "mail"> 메일주소 </label></td>
<td><input type = "email" size = "15" id = "mail" /></td>
</tr>
<tr>
<td><label for = "phone"> 연락처 </label></td>
<td><input type = "tel" size = "15" id = "phone" /></td>
</tr>
<tr>
<td><label for = "homepage"> 블로그/홈페이지 </label></td>
<td><input type = "url" size = "15" id = "homepage" /></td>
</tr>
</table>
<input type="submit" value= "가입하기" />
</form>
<h3>연습문제 - 4</h3>
<h1>회원가입</h1>
<h4>로그인 정보</h4>
<form action ="#" method ="post">
<ul type = "disc">
<li>
<label for = "uId"> 아이디 </label>
<input type = "text" size = "15" id = "uId"/>
</li>
<li>
<label for = "pw"> 비밀번호 </label>
<input type = "password" size = "15" id = "pw"/>
</li>
<li>
<label for = "pw"> 비밀번호 확인 </label>
<input type = "password" size = "15" id = "pw"/>
</li>
</ul>
<h4>개인 정보</h4>
<ul type = "disc">
<li><label> 이름 <input type = "text"/></label></li>
<li><label> 메일 주소 <input type = "email"/></label></li>
<li><label> 연락처 <input type = "tel"/></label></li>
<li><label> 블로그/홈페이지 <input type = "url"/></label></li>
</ul>
<input type="submit" value= "가입하기" />
</form>
```
</body>
</html>