<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<title>BBS</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="css/custom.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-default">
<div class = "navbar-header">
<button type = "button" class = "navbar-toggle collapsed"
data-toggle = "collapse"
data-target="#bs-example-navbar-collapse-1"
aria-expanded = "false">
<span class = "icon-bar"></span>
<span class = "icon-bar"></span>
<span class = "icon-bar"></span>
</button>
<a class = "navbar-brand" href = "main.jsp">BBS</a>
</div>
<div class = "collapse navbar-collapse" id = "bs-example-navbar-collapse-1">
<ul class = "nav navbar-nav">
<li><a href = "main.jsp">MAIN</a></li>
<li><a href = "bbs.jsp">BOARD</a></li>
</ul>
<ul class = "nav navbar-nav navbar-right">
<li class = "dropdown">
<a href = "#" class = "dropdown-toggle"
data-toggle="dropdown" role = "button"
aria-hashpopup = "true"
aria-expanded = "false">접속하기<span class = "caret"></span></a>
<ul class = "dropdown-menu">
<li class = "active"><a href = "login.jsp">Sign In</a></li>
<li><a href = "join.jsp">Sign Up</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<div class = "container">
<div class = "col-lg-2"></div>
<div class = "col-lg-8">
<div class = "jumbotron" style = "padding-top: 20px;">
<form method = "post" action = "JoinAction.jsp">
<h3 style = "text-align : center;">Create your BBS account</h3>
<div class = "form-group">
<label for = "id">ID</label>
<input type = "text" class = "form-control" placeholder = "id" name = "userID" maxlength = "20" autofocus>
</div>
<div class = "form-group">
<label for = "password">PASSWORD</label>
<input type = "password" class = "form-control" placeholder = "password" name = "userPassword" maxlength = "20">
</div>
<div class = "form-group">
<label for = "name">NAME</label>
<input type = "text" class = "form-control" placeholder = "name" name = "userName" maxlength = "20">
</div>
<div class = "form-group">
<label for = "email">EMAIL</label>
<input type = "email" class = "form-control" placeholder = "email" name = "userEmail" maxlength = "20">
</div>
<div class = "form-group" style ="text-align : center;">
<div class = "btn-group" data-toggle = "buttons">
<label class = "btn btn-primary active">
<input type = "radio" name = "userGender" autocomplete = "off" value = "male" checked>male
</label>
<label class = "btn btn-primary">
<input type = "radio" name = "userGender" autocomplete = "off" value = "female">female
</label>
</div>
</div>
<input type = "submit" class = "btn btn-primary form-control" value = "REGISTER">
</form>
</div>
</div>
<div class = "col-lg-2"></div>
</div>
</body>
</html>
'개인 프로젝트 > 게시판' 카테고리의 다른 글
| [JSP 게시판] login.jsp : 로그인 (0) | 2018.02.03 |
|---|---|
| [JSP 게시판] joinAction.jsp : 회원가입 (0) | 2018.02.03 |
| [JSP 게시판] index.jsp (0) | 2018.02.03 |
| [JSP 게시판] bbs.jsp : 게시판 (0) | 2018.02.03 |
| [JSP 게시판] main.jsp : 메인 페이지 (0) | 2018.02.03 |