Senin, 06 April 2020

TUGAS PERTEMUAN KE 4 WEB PROGRAMMING I


Bentuk soal Diskusi grup

1. Apa perbedaan method POST dan GET? POST akan mengirimkan data atau nilai langsung ke action untuk ditampung, tanpa menampilkan pada URL. get akan menampilkan data/nilai pada URL, kemudian akan ditampung oleh action
2. Apa yang di maksud dengan form? <form> element digunakan untuk menampung macam-macam element. Yang biasanya terdapat kotak input (control) dan element lainnya.
3. Buat lah coding dari gambar di bawah ini



Jawaban:
<html>
<head>
    <title></title>

<body>
    <form action="tugas1.php" method="POST">
        <h2> Form Absensi Mahasiswa </h2>
        <h3> UNIVERSITAS BINA SARANA INFORMATIKA </h3>
        <hr>

        Masukan Nama
        <br>
        <input type="text" name="nama" id="nama" placeholder="masukan nama" required oninvalid="this.setCustomValidity('Maukan Nama Anda')" oninput="setcustomvalidity(' ')"><br>
        Masukan Nim
        <br>
        <input type="text" name="nim" id="nim" placeholder="1218xxxx" required oninvalid="this.setCustomValidity('Nim harus di isi')" oninput="setcustomvalidity(' ')"><br>
        <br>
        Pilih kelas
        <br>
        <select name="kelas" id="id" value="kelas">
            <option> 12.2A.04</option>
            <option> 12.2B.04</option>
            <option> 12.2C.04</option>
            <option> 12.2D.04</option>
            <option> 12.2E.04</option>
            <option> 12.2F.04</option>
        </select><br>
        <button type="submit" value="submit"> Absen</button>
    </form>
</body>
</head>
</html>

ini file 1 lagi :
<html>
  <head>
    <title> Data Komentar </title>
  </head>

    <body>
      <h1> Data Terkirim<hr> </h1>
            <table border="5">
              <td bgcolor="#00FFFF">
              <?php
                echo"Nama : $_POST[nama]<br>";
                echo"nim : $_POST[nim]<br>";
                echo"kelas : $_POST[kelas]<br>";
              ?>
              </td>
            </table>
              <button type="submit" value="submit">
              <a href="tugass.php">kirim ulang data</a>
            </button>
    </body>
</html>

jadi intinya dari  pertemuan ini 
jika kita ingin menggunakan form yang berbeda kita hanya perlu mengubah type data  pada inputan tsb.
contoh 
<input type ="text"> akan membuat inputann text
<input type ="checkbok"> akan menampilkan chekbok





LATIHAN PENGGUNAAN FORM BAB 6 MODUL





<html>
    <head>
        <title>pengelolaan data mahasiswa</title>
    </head>
    <body bgcolor="green">
        <form method="post" action="output.php">
            <table>
                <tr><td>NAMA</td><td><input type="text"

name="nama"></td></tr>
<tr><td>Alamat</td><td><input type="text" name="alamat"></td></tr>
                <tr><td>JENIS KELAMIN</td><td>
                        <input type="radio" name="jenis_kelamin"

value="L">Laki Laki
                        <input type="radio" name="jenis_kelamin"

value="P">Perempuan
                    </td></tr>
                <tr><td>Pekerjaan</td><td>
                        <select name="pekerjaan">
                            <option value="pelajar">pelajar</option>
                            <option value="guru">guru</option>
                            <option value="dokter">dokter</option>
                        </select>
<tr><td>hobi

<input type="checkbox" name="hobi" value="olahraga">olahraga
<input type="checkbox" name="hobi" value="Musik">Musik
<input type="checkbox" name="hobi" value="jalanjalan">jalanjalan
</tr></td>


<tr>
                <td><input type="submit" name="Simpan" value="simpan"> 
                <input type="reset" name="batal" value="batal"></td>
        </tr>
</table>
</form>
</body>
</html>









output:






<html>
<head>
  <title>Data Mahasiswa</title>
</head>
<body>
  <table>
      <?php
            echo "<table border=1 bgcolor=aqua>";
            echo "<tr>";
            echo "<th colspan=2>Data Mahasiswa</th>";
            echo "<tr/>";
              echo "<tr>";
                echo "<td>Nama</td>" ;
                echo "<td>$_POST[nama]</td><br>";
                echo "<tr/>";

                echo "<td> Alamat </td>";
                echo "<td>$_POST[alamat]</td><br>";
                echo "<tr/>";

                echo "<td> JENIS KELAMIN </td>"; 
                echo "<td>$_POST[Jenis_Kelamin]</td><br>";
                echo "<tr/>";
                echo "<td>Pekerjaan </td>";
                echo "<td>$_POST[pekerjaan]</td><br>";
                echo "<tr/>";

                echo "<td>hobi </td>";
                echo "<td>$_POST[hobi]</td><br>";
                echo "<tr/>";
                ?>
            </td>
        </tr>
    </table>
    <button value=" input data lagi">
        <a href="form.php"> input data lagi </a>
    </button>

</body>
</html>



Tidak ada komentar:

Posting Komentar

TUGAS PERTEMUAN KE 6 WEB PROGRAMMING I

Bentuk soal Diskusi 1.  Dari gambar di atas , dengan melihat urlnya , metode pengiriman datanya apa menggunakan metode apa? Dan alas...