Info

Ceriakan Harimu Dengan Senyuman.

Home Code HTML – Membuat Form Biodata dengan HTML

HTML – Membuat Form Biodata dengan HTML

Achzanu WibowoOkt 28, 2019Code, HTML, Postingan Paling Baru0

Membuat Form Biodata dengan HTML

Untuk membuat Form Biodata Dengan HTML memerlukan Berbagai Macam Type Input data, Bisa Lihat di :

Jenis-Jenis Type Input Data HTML

Berikut Coding Pembuatannya :

<html>
    <head>
      <title>Tabel & Form HTML</title>
    </head>
<body>
<form>
<table border="1" style="width:350">
    <tr >
         <th colspan="2" >Isi Biodata</th>
    </tr>
   <tr Align=center>
        <td width='150px'>Nama </td>
        <td><input type="text" name="NamaUser"></td>
     </tr >
     <tr Align=center>
        <td width='150px'>Email </td>
        <td><input type="email" name="EmailUser"></td>
     </tr >
     <tr Align=center>
        <td width='150px'>Jenis Kelamin </td>
        <td Align=left>
           <input type="radio" name="Jenis_Kelamin" value="male" checked> Laki-Laki<br>
           <input type="radio" name="Jenis_Kelamin" value="female"> Perempuan<br>
           <input type="radio" name="Jenis_Kelamin" value="other"> Other
        </td>
     </tr >
     <tr Align=center>
        <td width='150px'>Agama </td>
        <td Align=center>
          <select name="Agama">
            <option value="Islam">Islam</option>
            <option value="Kristen">Kristen</option>
            <option value="Hindu ">Hindu</option>
            <option value="Budha">Budha</option>
            <option value="Agama_Other">Other</option>
          </select>
        </td>
     </tr >
     <tr Align=center>
        <td width='150px'>Transportasi </td>
        <td Align=left>
           <input type="checkbox" name="Transportasi_1" value="Mobil"> Mobil<br>
           <input type="checkbox" name="Transportasi_2" value="Sepeda_Motor"> Sepeda motor<br>
           <input type="checkbox" name="Transportasi_3" value="Sepeda"> Sepeda<br>
           <input type="checkbox" name="Transportasi_4" value="Ojek"> Gojek / Grab
        </td>
     </tr >
     <tr Align=center>
        <td width='150px'>No. Telp </td>
        <td>
            <input type="text" name="No_User" placeholder="+628xxxxxxxxxx">
        </td>
     </tr >
     <tr Align=center>
        <td width='150px'>Alamat </td>
        <td>
            <textarea name="Alamat_user"></textarea>
        </td>
     </tr >
     <tr Align=center>
        <td colspan="2">
           <input type="submit" value="Submit">
           <input type="reset">
       </td>
     </tr >
</table>
</form>
</body>
</html>

Jika ada masalah!, Hubungi :

Facebook : Admin Fanpage

Semoga Bermanfaat

TandaiProgrammers Tutorial Windows

Post SebelumnyaURL Shortener Terbaik Post SelanjutnyaHTML - Jenis-jenis Tipe Input HTML

Achzanu Wibowo

"Ikuti pendirianmu dan ambil tindakan yang kamu anggap benar."

Informasi :

Jadilah Komentar Anda Yang Pertama (Pertamax). Komentarlah dengan Kata Yang Baik Dan Sopan, Dilarang Menggunakan Kata Kasar Dalam Berkomentar.
Selalu Berkunjung Di Website Kami :3, Kami Akan Selalu Memberikan Yang Terbaik.