Membuat Form Input Data Dengan Php Mysql



Php Login With Otp Authentication Phppot

Cara Membuat Form Pendaftaran Pada PHP dan MySQL

Cara Membuat Form Pendaftaran Pada PHP dan MySQL – Maksud dari judul artikel ini adalah membuat form registrasi atau pendaftaran pada website dengan menggunakan database mysql, jadi sobat bisa menambahkan data ke databse mysql melalui website yang telah sobat buat dengan php tersebut.

Setelah sobat membuat koneksi antara php degan mysql pada artikel Cara Menyambungkan Website PHP Dengan Database MySQL maka selanjutnya sobat bisa membuat form pendaftaran sebagai sarana untuk menambahkan data dan sobat perlu juga membuat halaman dinamis agar sesuai dengan tutorial yang saya buat maka sobat bisa membaca tutorialnya pada artikel Cara Membuat Halaman Dinamis Dengan Case Pada Website PHP.

  1. Buat file baru dengan nama form.php dan masukkan code dibawah ini :

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    18

    19

    20

    21

    22

    23

    24

    25

    26

    27

    <article class="content">

    <div id="container">

    <form action="index.php?webprog=insert" method="post" name="input_form">

    <h1 class="heading">BUKU TAMU</h1><br/>

    <label for="nama">Nama :</label>

    <input type="text" name="nama" id="nama">

    <label for="email">Email :</label>

    <input type="email" name="email" id="email">

    <label for="ttl">TTL :</label>

    <input type="text" name="ttl" id="ttl">

    <label for="telp">No.Telp :</label>

    <input type="text" name="telp" id="telp">

    <label for="alamat">Alamat :</label>

    <input type="text" name="alamat" id="alamat">

    <label for="pesan">Pesan :</label>

    <textarea name="pesan" id="pesan" cols="30"></textarea>

    <input type="submit" name="submit" value="Kirim">

    <input type="reset" name="reset" value="Reset">

    </form>

    </div>

    </article>

    ID diatas disesuaikan dengan data pada insert.php dan database yang telah sobat buat pada MySQL
  2. Kemudian sobat buat kembali file dengan nama insert.php dan masukkan source code berikut :

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    18

    19

    20

    21

    <?php

    date_default_timezone_set('Asia/Jakarta');

    if(isset($_POST['submit'])){

    $nama=$_POST['nama'];

    $email=$_POST['email'];

    $ttl=$_POST['ttl'];

    $telp=$_POST['telp'];

    $alamat=$_POST['alamat'];

    $pesan=$_POST['pesan'];

    $tanggal=date('y-m-d H:i:s');

    $insert = "INSERT INTO tamu values('','$nama','$email','$ttl','$telp','$alamat','$pesan','$tanggal')";

    $q_insert = mysql_query($insert) or die(mysql_error());

    }

    ?>

    <script type="text/javascript" language="Javascript">

    alert('DATA BERHASIL DISIMPAN');

    document.location.href="index.php?webprog=form";

    </script>

  3. Simpan dan silakan sobat cek maka tampilannya akan seperti gambar dibawah :
  4. Sobat bisa melihat tampilannya flat kan? kurang bagus kan? gak kece kan? Nah maka dari itu kita buat saya css nya supaya makin rapi dan terlihat kece badai
  5. Sobat bisa menambahkan css di style.css namun saya lebih memilih membuat css baru dengan nama form.css yang artinya css ini dikhususkan untuk merubah tampilan pada file form.php
  6. Masukkan code berikut di folder C:\xampp\htdocs\webprog\css dengan nama form.css

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    18

    19

    20

    21

    22

    23

    24

    25

    26

    27

    28

    29

    30

    31

    32

    33

    34

    35

    36

    37

    #container{

    width: 400px;

    height:auto;

    margin:20px auto;

    border:20px solid pack;

    background-color: #00A427;

    }

    #container form{

    padding:10px;

    }

    #container form label{

    display: block;

    width:100px;

    margin-bottom:10px;

    font-style: bold;

    font-size: 12px;

    font-family: Helvetica;

    }

    #container form input[type=text],

    #container form input[type=email],

    #container form textarea{

    padding:4px;

    width: 97%;

    margin-bottom: 10px;

    }

    #container form input[id=submit]{

    padding: 4px;

    }

    h1.heading{

    display: block;

    font:16pt Helvetica;

    font-weight: bold;

    text-align: center;

    border-bottom: 2px solid black;

    }

  7. Maka tampilan akhirnya akan menjadi seperti berikut :

Nah itulah Cara Membuat Form Pendaftaran Pada PHP dan MySQL yang dapat saya sampaikan, tunggu tutorial berikutnya yang akan saya share yaitu tentang Cara Menampilkan Data dari Databse MySQL Pada Website PHP, jadi hasil dari databse bisa ditampilkan pada website sobat.

Gallery Membuat Form Input Data Dengan Php Mysql

Mysql Workbench Insert Read Update Delete Data Rows

Multi Step Registration Form Using Jquery Bootstrap In Php

Membuat Form Dan Script Edit Data Dengan Php Mysql Tutorial

Cara Membuat Form Input Data Di Php Secara Lengkap Dan Benar

Cara Input Data Di Mysql Dengan Php

Membuat Form Input Tanggal Php Mysql Dengan List Dan Explode

Free Download Source Code Crud Php Dan Mysql Malas Ngoding

Akenzhi Tutorial Membuat Input Data Sederhana Di Php Dan Mysql

Membuat Form Combobox Dari Database Serta Select Multiple 21

Membuat Crud Data Karyawan Dengan Php Mysqli Dan Bootstrap

Mei Puji Widayanti Membuat Form Input Dan Output Sederhana

Membuat Form Login Dengan Php Dan Mysql Malas Ngoding

Cara Membuat Pagination Dengan Php Mysql Paging Tutorial

Insert Data Into Database Through Php Mysql React Native

Insert Data Into The Database From Checkbox Array Using

Advanced Search Using Php Phppot

Cara Update Dan Delete Data Mysql Dengan Php Blog Vienna

Android Php Mysql Login Tutorial Using Httpurlconnection

Integrating Php And Mysql With Ionic Apps

Membuat Form Bootstrap Modal Popup Dengan Ajax Php Codingan

Php Form Iii Menampilkan Data Mysql Dengan Php Dan Form

Login And Registration Form With Bootstrap

Cara Input Data Dari Form Dengan Php Mysql

Update Multiple Mysql Data Using Checkbox With Ajax In Php

Php Crud Dengan Mysqli Dan Bootstrap Tutorial Web

React Native Insert Text Input Data To Mysql Server Android

Membuat Crud Dengan Php Mysli


0 Response to "Membuat Form Input Data Dengan Php Mysql"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel