20211119 부트스트랩 실습

부트스트랩 실습- 회원가입 폼

 

실습. 아래의 항목에 알맞는 폼을 구성하도록 하시오.

항목 : 아이디, 패스워드, 패스워드 확인, 이메일, 성별

 

	<div class="container" >
	<h2 class="text-center"> 회원가입 </h2>
	<form>
  <div class="form-group">
    <label for="InputuserId">아이디</label>
    <input type="text" class="form-control" name ="userId" id="InputuserId" placeholder="아이디을 입력하세요">
  </div>
  <div class="form-group">
    <label for="exampleInputpassword1">패스워드</label>
    <input type="password" class="form-control" name ="userPw" id="exampleInputpassword1" placeholder="패스워드를 입력하세요">
  </div>
  <div class="form-group">
    <label for="exampleInputpasswordCheck1">패스워드 확인</label>
    <input type="password" class="form-control" id="exampleInputpasswordCheck1" placeholder="패스워드 확인">
  </div>
   <div class="form-group">
    <label for="exampleInputEmail1">이메일 주소</label>
    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="이메일을 입력하세요">
  </div>
  <label>성별</label>
  <div class = "radio">
	<label class="radio-inline">
  <input type="radio" name="userGender" value="남"> 남
	</label>
	<label class="radio-inline">
	  <input type="radio" name="userGender" value="여"> 여
	</label>
	</div>
  <div>
  	<button type="submit" class="btn btn-default btn-lg btn-primary btn-block">회원가입</button>
  </div>
	</form>
	
	</div>