cara membuat form login dan form input
hai teman teman disini bonbonwebtutorial ingin berbagi ilmu nih tentang bagaimana cara membuat form login dan bagaimana membuat form input sederhana nih gan kalau penasaran lihat aja nih gan linknya disini kalau teman-teman ingin lebih banyak pengetahuan tentang web ayo kujungi web bonbonwebtutorial.
langsung aja nih gan kita membuat form loginnya, yang disediakan adalah tool xampp dan text editornya ya gan terserah aja mau tool yang mana yang digunakan kebetulan bonbonwebtutorial menggunakan sublime nih.
lanjut nih gan dibawah ini terdapat source code dan hasil outputnya nih:
sebelumnya kita harus menyediakan formnya nih gan pertama kita sediakan/buat formlogin.php
<html>
<head><title>Login Here</title></head>
<body>
<FORM ACTION="proses05.php" METHOD="POST" NAME="input">
<h2>Login Here...</h2>
Username : <input type="text" name="username"><br>
Password : <input type="password" name="password"><br>
<input type="submit" name="Login" value="Login">
<input type="reset" name="reset" value="Reset">
</FORM>
</body>
</html>
setelah kita membuat form login (formlogin.php) kita buat ya proses loginnya nah cara memanggil prosesnya menggunakan action="proses05.php" nah disana akan memanggil file yang berisikan proses login methodnya kita buat post ya gan agar lebih aman terkendali dan NAME="input" itu formnya gan <input type="submit" name="Login" value="Login"> nama yang ada didalam proses login yang methodnya post gan.
ini nih source code prosesnya gan kita beri nama filenya (proses05.php)
<?php
if (isset($_POST['Login']))
{ $user = $_POST['username'];
$pass = $_POST['password'];
if ($user == "boni" && $pass == "123") {
echo "<h2>Login Berhasil</h2>";
} else {
echo "<h2>Login Gagal</h2>";
}
}
?>
nah didalam proses ada if dan elsenya gan, itu berfungsi sebagai pengecekannya gan jika yang diinputkan sama maka login akan berhasil dan jika tidak sama maka login gagal..
dibawah ini ada hasil outpunya nih gan:
jika berhasil akan tampil berikut:
jika gagal akan tampil:
Berikut cara membuat form input sederhana
pertama kita buat formnya dulu gan, buat form dengan nama file forminput.php
<html>
<head><title>Pengolahan Form</title></head>
<body>
<FORM ACTION="proses02.php" METHOD="POST" NAME="input">
Nama Anda : <input type="text" name="nama"><br>
<input type="submit" name="Input" value="Input">
</FORM>
</body>
</html>
diatas ada terdapat form inputnih gan saatnya buat prosesnya gan beri nama filenya proses02.php seperti source code berikut:
<?php
if (isset($_POST['Input']))
{ $nama = $_POST['nama'];
echo "Nama Anda : <b>$nama</b>"; }
?>
hampir sama gan seperti form login cuman ini hanya menginputkan nama:
ini nih hasilnya gan lihat aja
itulah hasilnya gan
Berikut form input yang selanjutnya
pertama buat form input seperti yang diatas kebetulan disini bonbonwebtutorial membuat form input yang langsung banyak nih gan, bonbonwebtutorial akan berbagi ilmu tentang bagaimana cara buat form input yang langsung banyak.. berikut source codenya nih gan:
buat file phpnya ya gan disini bonbonwebtutorial membuat filenya dengan nama input04.php
<html>
<head><title>Pengolahan Form ~ Text</title></head>
<body>
<FORM ACTION="proses04.php" METHOD="POST" NAME="input"> Sahabat-sahabat Dekatku<br>
<input type="text" name="nama1"><br>
<input type="text" name="nama2"><br>
<input type="text" name="nama3"><br>
<input type="text" name="nama4"><br>
<input type="submit" name="Input" value="Input"> </FORM>
</body>
</html>
setelah kita membuat form login (proses.php) kita buat ya proses loginnya nah cara memanggil prosesnya menggunakan action="proses05.php" nah disana akan memanggil file yang berisikan proses login methodnya kita buat post ya gan agar lebih aman terkendali dan NAME="input" itu formnya gan <input type="submit" name="Login" value="Input"> nama yang ada didalam proses linput yang methodnya post gan.
ini dia proses inputnya gan:
<?php
if (isset($_POST['Input'])) {
$nama1 = $_POST['nama1']; $nama2 = $_POST['nama2'];
$nama3 = $_POST['nama3']; $nama4 = $_POST['nama4'];
echo "<b>Nama Sahabat-sahabat Dekatku :</b> <br>";
echo $nama1. "<br>";
echo $nama2. "<br>";
echo $nama3. "<br>";
echo $nama4. "<br>";
}
?>
hasil outputnya bisa dilihat dibawah sini:
ini dia hasil setelah diklik input
ok itu aja gan tutorial dari bonbonwebtutorial semoga bermanfaat ya dan nantikan postingan lainnya ....
EmoticonEmoticon