Get&Post - Praktikum20

Assalamualaikum, haiiii semuanyaa kembali lagi nih sama aku, kali ini aku bakal ngebahas apa sih post dan get itu serta contoh dari codingannya

1. Post dan Get

Perbedaan POST dan GET

POST

Mempunyai pengertian bahwa metode ini digunakan untuk memparsing hasil inputan form untuk diolah lebih lanjut, tetapi tidak menampilkan query string pada address bar, sehingga lebih aman dibandingkan method GET yang akan terlihat pada address bar. Method POST akan sangat berguna penggunaannya untuk halaman-halaman yang membutuhkan keamanan lebih, karena data inputan kita tidak akan tampil pada address bar browser (disini kelebihan menggunakan Metode POST).

?> Pada contoh file form diatas nilai parsing tidak ditampilkan dalam address bar dan langsung di proses ketempat yang sudah dibuat. Sebenarnya nilai dari parshingan tetap ada tetapi tidak tampak didalam address bar karena valuenya bekerja dibelakang layar (backand). Disinilah keunggulan mengguanakan Method POST.

Perbedaan yang lain dari method POST (Difference of POST Method) adalah:

Method POST tidak pernah ter Cache dalam browser
Method POST tidak dapat di Bookmark
Method POST tidak mempunyai batasan jumlah panjang data

Get

Adalah metode pengiriman data mengguanakan query string atau menampilkan nilainya pada address bar. Jadi semua nilai pada form akan dikirim kesisi server yang kemudian diterima oleh file tertentu dengan ketentuan nilai form tersebut akan tampil didalam address bar browser/URL browser. Untuk suatu keamanan method POST lebih aman dari method GET.

registrasi

<!DOCTYPE html>
<html>
<head>
 <title>Regita Jasmine A - XI RPL 3 - Form</title>
 <link rel="stylesheet" href="style.css">
</head>
<body background="nas.jpg">
 <h1 style="color: pink;text-align: center;margin-top: 100px;">
REGISTRASI</h1>
<form id="biodata" name="biodata" method="post" action="lihat.php">
  <center>
  <table>
<tr>
    <td><label >Nama Depan </label></td>
    <td><input name="nadep" type="text" id="namadepan"></td>
    <td><label >Nama Belakang </label></td>
    <td><input type="text" name="nabel" id="namabelakang"></td>
   </tr>
<tr>
    <td><label>Tempat, Tanggal lahir </label></td>
    <td><input type="text" name="ttl" id="ttl"></td>
   </tr>
<tr>
    <td><label>Jenis Kelamin </label></td>
    <td><input name="jkel" type="radio" value="Laki - Laki">Laki - Laki</input> <input type="radio" name="jkel" value="Perempuan">Perempuan</input></td>
   </tr>
<tr>
    <td><label>Agama </label></td>
    <td>
     <select name="agama" id="agama">
      <option value="Islam">Islam</option>
      <option value="Kristen">Kristen</option>
      <option value="Budha">Budha</option>
      <option value="Hindu">Hindu</option>
      <option value="Kong Hucu">Kong Hucu</option>
     </select>
    </td>
   </tr>
<tr>
    <td><label>Alamat</label></td>
    <td><textarea name="alamat" id="alamat" cols="30" rows="3">

data(lihat.php)

dan hasilnya :

ohiyaa ini dia cssnya:

body {
    font-family: Tw Cen Mt;
    background-image: url(gambar/nas.jpg);
}

fieldset {
    background-color:white;
    max-width: 500px;
    border-style: solid;
    border-color: green;
    border-radius: 10px;
    opacity: 0.6;
    transition: 1s;
}
fieldset:hover{
    opacity: 1;
}
legend{
    font-size: 35px;
    border-style: solid;
    background-color: white;
    color: white;
}

input[type=text], input[type=date], input.stat, input.agama {
    border-radius: 40px;
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid green;
    box-sizing: border-box;
}

button {
    background-color: green;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
    border-radius: 20px;
}

button:hover {
    opacity: 0.8;
    font-weight: bold;
    background-color: white;
    margin:auto;
}

.cancel {
    width: 100%;
    padding: 10px 18px;
    background-color: #f44336;
    border-radius: 20px;
}

.imgcontainer {
    text-align: center;
    margin: 24px 0 12px 0;
}

img.avatar {
    width: 30%;
    border-radius: 50%;
    align-content: center;
}
img.avatar:hover{
    zoom:120%;
}
.container {
    padding: 16px;
}

span.psw {
    float: right;
    padding-top: 16px;
}
* {
    box-sizing: border-box;
}
.php{
    font-size: 25px;
    text-align: left;
    width: 400px;
    height: 350px;
    border:2px solid green;
    border-radius: 10px;
    background-color: white;
    padding-left: 20px;
    opacity: 0.6;
    transition: 1s;
}
.php:hover{
    opacity: 1;
    zoom :110%;
    margin: 120px;
}

Cari Blog Ini

Regita Jasmine