고다경 / Open_Source_project

Go to a project
Toggle navigation Toggle navigation pinning
고다경
2c50f599 1 parent 6fa26aa3

sign up page 수정완료

Inline Side-by-side
Showing 2 changed files with 92 additions and 35 deletions
......@@ -6,10 +6,6 @@
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Sign Up Page</title>
<script src="jquery.js"></script>
<script>
</script>
<style >
#banner {
......@@ -32,6 +28,8 @@
</style>
<link rel="stylesheet" type="text/css" href="./a.css" />
</head>
<body>
<img src = "images\main_background.jpg" alt="" style="z-index:-1; min-width: 100%; height: 700px;"></img>
......@@ -44,42 +42,65 @@
<div id = "signup-ing" style="width:100%; text-align: center;">
<form action="/starting" method="post">
<div class="form-inline">
<div class="input-area">
<span class="input-label">
<label name="ID">ID</label>
</span>
<span class="input-box">
<input type="text" name="ID" >
</span>
</div>
<label>ID</label>
&nbsp&nbsp&nbsp
<input type="text" name="name" class="form-control" style="width:200px;">
<br><br>
<label>Password</label>
&nbsp&nbsp&nbsp
<input type="password" name="birth" class="form-control" style="width:200px;">
<br><br>
<div class="input-area">
<span class="input-label">
<label name="Password">Password</label>
</span>
<span class="input-box">
<input type="text" name="Password" >
</span>
</div>
<label>나이</label>
&nbsp&nbsp&nbsp
<input type="text" name="name" class="form-control" style="width:200px;"> (세)
<br><br>
<div class="input-area">
<span class="input-label">
<label name="age">나이(세)</label>
</span>
<span class="input-box">
<input type="text" name="age" >
</span>
</div>
<label>성별</label>
&nbsp&nbsp&nbsp
<select id="male/female" style="width: 200px; ">
<option>성별 선택</option>
<option>남자</option>
<option>여자</option>
</select>
<br><br>
<div class="input-area">
<span class="input-label">
<label name="male/female">성별</label>
</span>
<select id="male/female" style="width: 200px; ">
<option>성별 선택</option>
<option>남자</option>
<option>여자</option>
</select>
</div>
<div class="input-area">
<span class="input-label">
<label name="height">키(cm)</label>
</span>
<span class="input-box">
<input type="text" name="height" >
</span>
</div>
<label>키</label>
&nbsp&nbsp&nbsp
<input type="text" name="name" class="form-control" style="width:200px;"> (cm)
<br><br>
<div class="input-area">
<span class="input-label">
<label name="weight">체중(kg)</label>
</span>
<span class="input-box">
<input type="text" name="weight" >
</span>
</div>
<label>체중</label>
&nbsp&nbsp&nbsp
<input type="text" name="name" class="form-control" style="width:200px;"> (kg)
<br><br><br><br>
<br><br><br>
<input type="submit" value="Sign Up" class="btn btn-default" style=" width:100px;font-weight: bold; font-size: 18px; background-color: white;">
</div>
......
div, span {
margin: 0;
padding: 0;
}
.form-inline {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.input-area {
width: 320px;
margin-top: 15px;
}
.input-label {
width: 100px;
display: inline-block;
text-align: right;
margin-right: 10px;
}
.input-label label {
font-size: 15px;
}
.input-box {
width: 210px
}
.input-box input{
width: 200px
}
\ No newline at end of file