Use form groups

This commit is contained in:
Jan Bader 2016-12-03 21:19:22 +01:00
parent 2b2f508998
commit aba366f211
2 changed files with 13 additions and 17 deletions

View File

@ -9,10 +9,3 @@
#invalidCredentials { #invalidCredentials {
color: red; color: red;
} }
input {
margin-left:150px;
width:250px;
}
label {
position:absolute;
}

View File

@ -26,17 +26,20 @@
</div> </div>
<div class="container col-lg-12" id="content"> <div class="container col-lg-12" id="content">
<form id="loginForm" action="/api/v1/login" method="POST" class="center-block"> <form id="loginForm" action="/api/v1/login" method="POST" class="center-block">
<div class="form-group">
<label for="username">User</label> <label for="username">User</label>
<input type="text" name="username" /><br /> <input type="text" name="username" class="form-control" />
<label for="password">Password</label>
<input type="password" name="password" /><br />
<div id="invalidCredentials">
The entered credentials are invalid
</div> </div>
<input type="submit" value="Login" /> <div class="form-group">
<label for="password">Password</label>
<input type="password" name="password" class="form-control" />
<p id="invalidCredentials">
The entered credentials are invalid
</p>
</div>
<input type="submit" value="Login" class="btn btn-default" />
</form> </form>
</div> </div>
</body> </body>