Langsung ke konten utama

Contoh Form

<!--FORM-->
<html>
 <head>
  <title>Form</title>
 </head>
 
 <body>
  <!--perintah untuk membuat form-->
  <form method="GET" action="submit_form.html">
   <!--perintah untuk membuat radio button-->
   <input type="radio" name="ikan">Panjelan
   <input type="radio" name="ikan">Pindang
   <input type="radio" name="ikan">Gesek
   <br>
   <input type="radio" name="jangan">Jangan Bodo
   <input type="radio" name="jangan">Jangan Asem
   <input type="radio" name="jangan">Jangan Bohong
   <br>
   <!--perintah untuk membuat checkbox-->
   <input type="checkbox" name="peliharaan">kudanil
   <input type="checkbox" name="peliharaan">hiu
   <input type="checkbox" name="peliharaan">plankton
   <br>
   <!--perintah untuk membuat textbox-->
   Aran Arep :<input type="text" name="aran_arep" value="kebo adus">
   Aran Guri :<input type="text" name="aran_guri">
   <br>
   <!--perintah untuk membuat textarea-->
   <textarea rows="5" cols="45">
   </textarea>
   <br>
   <!--perintah untuk membuat dropdown list/ dropbox-->
   <select name="pisang">
    <option>pisang raja
    <option>pisang kecelakaan
    <option>pisang pocong
   </select>
   <br>
   <!--perintah untuk membuat button-->
   <input type="submit" value="manjing">
   <input type="reset" value="kopong">
  </form>
  <form>
   Nama depan : <input type="text" name="aran_arep" value="kebo adus">
   <br>
   Nama belakang : <input type="text" name="aran_guri">
   <table>
    <tr>
     <td>Nama Depan</td>
     <td>:</td>
     <td><input type="text" name="aran_arep"></td>
    </tr>
    <tr>
     <td>Nama Belakang</td>
     <td>:</td>
     <td><input type="text" name="aran_guri"></td>
    </tr>
   </table>
  </form>
  <br>
  <fieldset>
   <legend>Data Orang Hilang</legend>
   <form>
    <input type="radio" name="Data">Riyan
    <input type="radio" name="Data">Riano
    <input type="radio" name="Data">Jumadi
   </form>
  </fieldset>
 </body>
</html>
Form
Panjelan Pindang Gesek
Jangan Bodo Jangan Asem Jangan Bohong
kudanil hiu plankton
Aran Arep : Aran Guri :


Nama depan :
Nama belakang :
Nama Depan :
Nama Belakang :

Data Orang Hilang
Riyan Riano Jumadi
Form
Panjelan Pindang Gesek
Jangan Bodo Jangan Asem Jangan Bohong
kudanil hiu plankton
Aran Arep : Aran Guri :


Nama depan :
Nama belakang :
Nama Depan :
Nama Belakang :

Data Orang Hilang
Riyan Riano Jumadi

Komentar