Scribd
Unggah
5 tayangan7 halaman

Panduan Membuat Form Registrasi PHP

Dokumen ini menjelaskan langkah-langkah untuk membuat aplikasi registrasi menggunakan PHP dan CSS. Langkah-langkah tersebut mencakup pembuatan folder, file registrasi, database, serta file untuk login dan logout. Selain itu, terdapat juga kode CSS untuk mendesain tampilan form registrasi.

Diunggah oleh

mufalahsyifa01
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
5 tayangan7 halaman

Panduan Membuat Form Registrasi PHP

Dokumen ini menjelaskan langkah-langkah untuk membuat aplikasi registrasi menggunakan PHP dan CSS. Langkah-langkah tersebut mencakup pembuatan folder, file registrasi, database, serta file untuk login dan logout. Selain itu, terdapat juga kode CSS untuk mendesain tampilan form registrasi.

Diunggah oleh

mufalahsyifa01
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd

Langkah pertama membuka visual studiocode open folder arahkan ke htdoc kemudian buat new

folder w3a lalu open dan membuat file seperti di bawah ini

1. Membuat form registrasi .php seperti di bawah ini :

2. Buatlah database “registrasi” dan tabel “pengguna” yang berisi id,username, password !
3. Membuat file css :

[Link]

body {

font-family: Arial, sans-serif;

background-color: #f2f2f2;

.container {
width: 300px;

margin: 0 auto;

background-color: #fff;

padding: 20px;

border-radius: 5px;

box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);

.form-group {

margin-bottom: 20px;

label {

display: block;

margin-bottom: 5px;

input[type="text"],

input[type="email"],

input[type="password"] {

width: 100%;

padding: 10px;

border: 1px solid #ccc;

border-radius: 4px;

box-sizing: border-box;

input[type="text"]:focus,

input[type="email"]:focus,

input[type="password"]:focus {

border-color: #4CAF50;

outline: none;

}
button[type="submit"] {

background-color: #4CAF50;

color: #fff;

padding: 10px 20px;

border: none;

border-radius: 4px;

cursor: pointer;

button[type="submit"]:hover {

background-color: #3e8e41;

button[type="reset"] {

background-color: #4CAF50;

color: #fff;

padding: 10px 20px;

border: none;

border-radius: 4px;

cursor: pointer;

button[type="reset"]:hover {

background-color: #3e8e41;

}
4. Membuat [Link] untuk mendaftarkan file register

5. Membuat [Link]
6. Membuat file [Link]

<html>
<head>
<title>
Halaman Login
</title>
<link rel="stylesheet" href="[Link]">
</head>
<body>
<div class="container">
<h1>Registrasi Data</h1>

<?php if (isset($error)) :?>


<p style="color: red; font-style: italic;">username / password salah </p>
<?php endif;?>
<form action="" method="post">

<div class="form-group">
<label for="username">username :</label>
<input type="text" name="username" id="username">
<div class="form-group">
<label for="password">password :</label>
<input type="password" name="password" id="pasword">
<div class="form-group">
<button type="submit" name="login">login</button>
<button type="reset" name="login">Cancel</button>
</form>
</body>
</html>

7. Membuat file index untuk menampilkan data setelah berhasil login boleh menggunakan file
uts!
8. Membuat file [Link]

Anda mungkin juga menyukai