signup.html 2.55 KB
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<title>회원가입 페이지</title>
</head>
<form class="form-horizontal">
<fieldset>

<!-- Form Name -->
<legend>새로운 사용자 등록</legend>

<!-- Text input-->
<div class="form-group">
  <label class="col-md-4 control-label" for="fname">이름</label>  
  <div class="col-md-5">
  <input id="fname" name="fname" type="text" placeholder="이름을 입력하세요." class="form-control input-md" required="">
  </div>
</div>

<!-- Text input-->
<div class="form-group">
  <label class="col-md-4 control-label" for="email">아이디</label>  
  <div class="col-md-5">
  <input id="email" name="email" type="eamil" placeholder="이메일을 입력하세요." class="form-control input-md" required="">
  </div>
</div>

<!-- Text input-->
<div class="form-group">
  <label class="col-md-4 control-label" for="ssnein">YouTube Api Key</label>  
  <div class="col-md-5">
  <input id="ssnein" name="ssnein" type="text" placeholder="YouTube Api Key" class="form-control input-md" required="">
  <a href="https://developers.google.com/youtube/v3/getting-started?hl=ko">Youtube API 키 받으러 가기</a>  
  </div>
</div>
<!-- Text input-->
<div class="form-group">
  <label class="col-md-4 control-label" for="passwd">비밀번호</label>  
  <div class="col-md-5">
  <input id="passwd" name="passwd" type="password" placeholder="비밀번호를 입력하세요." class="form-control input-md" required="">
  </div>
</div>

<div class="form-group">
        <label class="col-md-4 control-label" for="passwdcheck">비밀번호확인</label>  
        <div class="col-md-5">
        <input id="passwdcheck" name="passwdcheck" type="password" placeholder="비밀번호를 입력하세요." class="form-control input-md" required="">
        </div>
      </div>

<div class="form-group">
<label class="col-md-4 control-label" for="submit"></label>
  <div class="col-md-4">
    <label class="checkbox-inline" for="submit">
      <input class="btn btn-success" type="submit" name="submit" id="submit" value="새로운 계정 생성하기">
    </label>
  </div>
</div>

</fieldset>
</form>

<script src="/javascripts/signup.js"></script>
</html>