Kamis, 01 November 2018

HTML FORM INPUT BIODATA

Menampilkan tugas-form.png


Buat semirip mungkin !!!

Jawab :

<html>
   <head>
   <title>Tugas</title>
   </head>
   <body>
     <table border ="3" bordercolor ="red" >
     <tr>
       <td><h1 style="text-align:center">Form Input Data</h1></td>
     </tr>
     <tr>
       <td>
 <form>
   <table>
     <tr>
        <td><label for="nama">Nama Lengkap </label></td>
        <td>:</td>
        <td><input type ="text" size="30" name="nama" id="nama"/></td>
     </tr>
     <tr>
        <td><label for="ttl">Tempat, Tanggal Lahir </label></td>
        <td>:</td>
       <td><input type ="text" size="30" name="tempat" id="tempat"/></td>
        <td>,</td>
        <td><input type ="text" size="3" name="tgl" id="tgl"/></td>
  <td>/</td>
        <td><input type ="text" size="3" name="bulan" id="bulan"/></td>
  <td>/</td>
        <td><input type ="text" size="5" name="tahun" id="tahun"/></td>
     </tr>
     <tr>
  <td><label for="alamat">Alamat</label></td>
  <td>:</td>
  <td colspan="10"><textarea name="alamat" style="margin: 0; width:660px; height: 60px"></textarea></td>
     </tr>
     <tr>
        <td><label for="no">No. Telp/HP </label></td>
        <td>:</td>
        <td><input type ="text" size="30" name="no" id="no"/></td>
     </tr>
     <tr>
  <td><label for="jeniskelamin">Jenis Kelamin </label></td>
        <td>:</td>
  <td><input type="radio" name="jeniskelamin" id="lakilaki" value="lakilaki"/><label for="lakilaki">Laki-Laki</label>
  <input type="radio" name="jeniskelamin" id="perempuan" value="perempuan"><label for="perempuan">Perempuan</label></td> 
     </tr>
     <tr>     
        <td><label for="agama">Agama </label></td>
        <td>:</td>
        <td>
  <select name="agama" id="agama">
   <option Value="Islam">Islam</option> 
   <option Value="Kristen">Kristen</option>
   <option value="Katolik">Katolik</option>
   <option value="Hindu">Hindu</option>
   <option value="Budha">Budha</option>
   <option value="KongHuChu">Kong Hu Chu</option>
  </select></td>
     </tr>
     <tr>
  <td>Hoby</td>
  <td>:</td>
  <td colspan="10">
  <input type="checkbox" name="hoby"id="bacabuku" value="Baca Buku"/>
  <label for ="bacabukuku">Baca Buku</label>
  <input type="checkbox" name="hoby"id="olahraga" value="Olah Raga"/>
  <label for="olahraga">Olah Raga</label>
  <input type="checkbox" name="hoby"id="maingame" value="Main Game"/>
  <label for="maingame">Main Game</label>
  <input type="checkbox" name="hoby"id="hiking" value="Hiking"/>
  <label for="hiking">Hiking</label>
  </td>
     </tr>
     <tr>
  <td></td><td></td><td><br>
  <input type="submit" name="submit" value="Submit">
  <input type="reset" name="reset" value="Clear!">
  </td> 
     </tr>
   </table> 
  </form>     
       </td>
     </tr>
     </table>
   </body>
</html>

Tidak ada komentar:

Posting Komentar

Perintah ( QUERY ) HTML

Macam macam perintah ( QUERY ) HTML 1. Document Summary <html> ... </html> adalah elemen akar di dalam htm...