관리 메뉴

Frog is cry

Leture16_HTML 회원 가입 페이지 구현 본문

JSP/실습

Leture16_HTML 회원 가입 페이지 구현

Frog is cry 2020. 8. 6. 17:41
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<form>
		<table border = "1" align = "center">
		<!-- 첫번째 행 -->
			<tr>	<!-- 행 추가 -->
				<th>
					ID
				</th>
				<td>
					<input type = "text" name = "user_id" placeholder = "ID를 입력하세요." required/>
					<!-- required : 입력 안하고 전송 버튼 누를 시 알림창이 나오며 데이터는 전송되지 않게하는 기능 -->
				</td>
			</tr>	
			
			<tr>
				<th>
					Password
				</th>
				<td>
					<input type = "password" name = "user_password" placeholder = "비밀번호를 입력하세요." required/>
				</td>
			</tr>

			<tr>
				<th>
					Nickname	
				</th>
				<td>
					<input type = "text" name = "user_nickname" placeholder = "닉네임을 입력하세요." required/>				
				</td>
			</tr>
			
			<tr>
				<th>
					Email
				</th>
				<td>
					<input type = "text" name = "user_email" size = 7>
					<select name = "user_email2">
						<option value = "naver.com">naver.com</option>
						<option value = "gmail.com">gmail.com</option>
						<option value = "daum.net">daum.net</option>
					</select>
				</td>
			</tr>
			
			<tr>
				<td colspan = "2", align = "center">
					<input type = "submit" value = "가입">
					<input type = "reset" value = "초기화">
				</td>	
			</tr>
		</table>
	</form>
		
</body> 

'JSP > 실습' 카테고리의 다른 글

Leture18_JSP의 요소  (0) 2020.08.06
Leture17_JSP의 구조  (0) 2020.08.06
Leture15_HTML 소개와 주요기능  (0) 2020.08.06
Leture13_Practice  (0) 2020.08.05
Leture12_ResultSet  (0) 2020.08.05
Comments