Assalamualaikum warahmatullahi wabarakatuh
Perkenalkan nama saya Erika Syafitri, Saya merupakan mahasiswa dari Politeknik Kampar semester 3 dengan prodi Teknik Informatika dari kelas TIF 2A.
Di blogger kali ini saya akan menjelaskan bagaimana cara kita membuat form login di google chrome.
Pertama yang akan kita buat adalah database di localhost/phpmyadmin
Setelah itu kita isi scriptnya di sublime text/notepadnya
Ini adalah codingan berandanya. Bisa dibuat di notepad/sublime text. Ini merupakan salah satu contoh codingannya:
<?php
if(!isset($_SESSION['login'])){
header("location:index.php");
}
?>
<HTML>
<HEAD>
<TITLE>INI ADALAH BERANDA</TITLE>
</HEAD>
<BODY>
<H1>TABEL PENGGUNA</H1>
<TABLE BORDER="1">
<TR>
<TD WIDTH="50px">
No
</TD>
<TD WIDTH="200px">
Nama
</TD>
<TD WIDTH="300px">
Alamat
</TD>
<TD WIDTH="100px">
No Hp
</TD>
<TD WIDTH="50px">
Aksi
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Dari codingan di atas, akan menampilkan judul "INI ADALAH BERANDA" dan "TABEL PENGGUNA"
Selanjutnya codingan indexnya. Contoh codingannya seperti ini:
<!DOCTYPE html>
<html>
<head>
<title>FORM LOGIN SISTEM </title>
</head>
<body>
<H1>
<CENTER> SELAMAT DATANG</CENTER>
</H1>
<TABLE >
<TR>
<TD WIDTH="600PX">
</TD>
<TD>
</TD>
</TR>
<TR>
<TD WIDTH="600PX">
</TD>
<td>
<FORM METHOD="POST" ACTION="proseslogin.php">
NAMA PENGGUNA <BR>
<INPUT TYPE="TEXT" PLACEHOLDER="Nama Pengguna" NAME="nama"><BR><BR>
SANDI PENGGUNA <BR>
<INPUT TYPE="PASSWORD" PLACEHOLDER="Sandi Pengguna" NAME="sandi"><BR><BR>
<INPUT TYPE="SUBMIT" VALUE="Kirim"><BR><BR>
</FORM>
</td>
</TR>
</TABLE>
</body>
</html>
Dari codingan di atas, akan menampilkan judul "SELAMAT DATANG", kemudian dibawahnya ada kolom nama pengguna dan sandi pengguna kemudian kirim.
Ini merupakan contoh hasilnya:
Next codingan terakhir adalah proses login. Contoh codingannya adalah seperti ini:
<?php
echo "Nama Kamu adalah : ".$_POST['nama']."<BR> dan Sandi Kamu adalah : ".$_POST['sandi'];
Pada codingan ini, akan menampilkan tulisan "nama kamu adalah : <nama_pengguna> dan sandi kamu adalah:<sandi_pengguna>". Tulisan ini akan tertampil setelah kita memasukan nama dan sandi pada codingan index di atas tadi.
Itulah tadi cara membuat form menggunakan sublime text. Semoga bermanfaat,
Wassalamu'alaikum warahmatullahi wa barakatu
Komentar
Posting Komentar