Cara Membuat Halaman Login
Masih di Sini untuk belajar Web. kali ini kita akan belajar bagai mana membuat halaman login yang menarik. jangan lupa saya membuat halaman login ini dengan aplikasi Netbean.
Seperti Contoh Gambar halaman login :
Seperti Contoh Gambar halaman login :
1. cara pertama anda harus memiliki bahan-bahas terlebih dahulu:
download disini
2. Paste Bahan di seperti dibawah ini:
download disini
2. Paste Bahan di seperti dibawah ini:
Nah cara membuat table seperti di atas sangat mudah banget guys. kalian bisa amati source code di bawah ini :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Tugas Web</title>
<link rel="icon" href="assets/images/login-11.ico">
<link rel="stylesheet" href="assets/css/bootstrap.css">
<link rel="stylesheet" href="assets/css/floating-labels.css">
</head>
<body>
<form class="form-signin">
<div class="text-center mb-4">
<img class="mb-1" src="assets/images/login-11.ico" width="75" height="75">
<h1 style="color: blue">WELCOME</h1>
</div>
<div class="form-label-group">
<input class="form-control" type="email" id="inputEmail" placeholder="Email Address" autofocus="yes"
autocomplete="no" required="yes">
<label for="inputEmail">Email Address</label>
</div>
<div class="form-label-group">
<input class="form-control" type="password" id="inputpassword" placeholder="Password" required="yes">
<label for="inputpassword">Password</label>
</div>
<div class="checkbox mb-3">
<label>
<input type="checkbox"> Remeber Me ?
</label>
</div>
<button type="submit" class="btn btn-lg btn-primary btn-block">SIGN IN</button>
<p style="text-align: center"><a href="google.com">Lupa Password</p></a>
</form>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>Tugas Web</title>
<link rel="icon" href="assets/images/login-11.ico">
<link rel="stylesheet" href="assets/css/bootstrap.css">
<link rel="stylesheet" href="assets/css/floating-labels.css">
</head>
<body>
<form class="form-signin">
<div class="text-center mb-4">
<img class="mb-1" src="assets/images/login-11.ico" width="75" height="75">
<h1 style="color: blue">WELCOME</h1>
</div>
<div class="form-label-group">
<input class="form-control" type="email" id="inputEmail" placeholder="Email Address" autofocus="yes"
autocomplete="no" required="yes">
<label for="inputEmail">Email Address</label>
</div>
<div class="form-label-group">
<input class="form-control" type="password" id="inputpassword" placeholder="Password" required="yes">
<label for="inputpassword">Password</label>
</div>
<div class="checkbox mb-3">
<label>
<input type="checkbox"> Remeber Me ?
</label>
</div>
<button type="submit" class="btn btn-lg btn-primary btn-block">SIGN IN</button>
<p style="text-align: center"><a href="google.com">Lupa Password</p></a>
</form>
</body>
</html>
Semoga Postingan ini bermanfaat bagi anda yang sedang belajar Web..
kalo anda bingung silahkan coment dibawah ini..
No comments :
Post a Comment