Contoh Penggunaan Elemen Text Field, Text Area, Text, Check Box, Radio Button, Listox dan Combo Box Dalam Satu Form

Sebelumnya kita telah membahas bagaimana cara membuat Elemen Text Field, Text Area, Text, Check Box, Radio Button, Listbox dan Combobox. Kali ini saya akan membuat bagaimana cara membuat Elemen Text Field, Text Area, Text, Check Box, Radio Button, Listbox dan Combobox dalam satu form
  • Buka aplikasi text editor, notepad, atau adobe dreamweaver yang sering digunakan untuk teks editornya
  • Tuliskan kode berikut

<html>
<head>
<title>Masukan Data</title>
</head>
<body>
<h1>Personal Info</h1>
<form action="latihan.php" method="post">
<table border="0">
<tr>
    <td>Email</td>
    <td><input type="text" name="email" size="30" maxlength="30" /></td>
</tr>
<tr>
<tr>
    <td>Gender</td>
    <td><select name="gender" size="1">
        <option value="Male">Male</option>
        <option value="Female">Female</option> </
       </td>
<tr>
    <td>Favorite Color</td>
    <td>
        <input type="radio" name="color" value="Red"  />Red
           <input type="radio" name="color" value="Green"  />Green
        <input type="radio" name="color" value="Blue" />Blue
       </td>
<tr>
    <td>Interest</td>
    <td><input type="checkbox" name="interest[]"
            value="News" />News
           <input type="checkbox" name="interest[]"
            value="Sport" />Sport
           <input type="checkbox" name="interest[]"
            value="Entertainment" />Entertainment
          <input type="checkbox" name="interest[]"
            value="Automotive" />Automotive
          <input type="checkbox" name="interest[]"
            value="Technology" />Technology
       </td>
</tr>
<tr>
    <td>Language</td>
    <td><select name="language" size="4">
        <option value="English">English</option>
        <option value="French">French</option>
        <option value="Spanish">Spanish</option>
        <option value="Italian">Italian</option>
        <option value="Japan">Japan</option>
        <option value="Indonesia">Indonesia</option>
       </td>
</tr>
<tr>
    <td>Message</td>
    <td><textarea name="message"
        cols="40" rows="5"></textarea>
       </td>
</tr>
<tr>
       <td></td>
      <td><input type="submit" name="submit"
        value="Submit" /></td>
      </tr>
</body>
</html>


  • Simpan file dengan nama latihan.html. simpan di C:/xampp/htdocs/
  • Buatlah file baru, dan tuliskan kode berikut 
 <?php
if (isset($_POST["submit"])){
    $email = $_POST["email"];
    $gender = $_POST["gender"];
    $color = $_POST["color"];
    $interest = $_POST["interest"];
    $language = $_POST["language"];
    $message = $_POST["message"];
    $interest = $_POST["interest"];
  
    echo "<h3>Personal Info:</h3>";
    echo "<strong>Email : </strong> $email<br>";
    echo "<strong>Gender : </strong> $gender<br>";
    echo "<strong>Favorite Color : </strong> $color<br>";
    echo "<strong>Interest :</strong><br>";
    foreach ($interest as $nilai) {
        echo "- $nilai <br>";
    }
    echo "<strong>Language :</strong> $language<br>";
    echo "<strong>Message : </strong> $message<br>";
}
?>


  • Simpan file dengan nama latihan.php. simpan di C:/xampp/htdocs/
  • Jalankan browser dan masukan http://localhost/latihan.html
  • Masukan data seperti dibawah















  • Maka akan seperti ini hasilnya 




2 komentar:

  1. Your Affiliate Money Making Machine is waiting -

    And making money online using it is as simple as 1-2-3!

    Here's how it all works...

    STEP 1. Input into the system what affiliate products you want to push
    STEP 2. Add some PUSH BUTTON TRAFFIC (it LITERALLY takes JUST 2 minutes)
    STEP 3. Watch the affiliate products system grow your list and sell your affiliate products all by itself!

    Do you want to start making money?

    The solution is right here

    BalasHapus
  2. Media Informasi Dan Teknologi: Contoh Penggunaan Elemen Text Field, Text Area, Text, Check Box, Radio Button, Listox Dan Combo Box Dalam Satu Form >>>>> Download Now

    >>>>> Download Full

    Media Informasi Dan Teknologi: Contoh Penggunaan Elemen Text Field, Text Area, Text, Check Box, Radio Button, Listox Dan Combo Box Dalam Satu Form >>>>> Download LINK

    >>>>> Download Now

    Media Informasi Dan Teknologi: Contoh Penggunaan Elemen Text Field, Text Area, Text, Check Box, Radio Button, Listox Dan Combo Box Dalam Satu Form >>>>> Download Full

    >>>>> Download LINK

    BalasHapus