Skip to main content

Membuat Form Biodata Sederhana dengan HTML

KeyzeX - Membuat sebuah dokumen pada HTML membutuhkan waktu yang cukup dan tergantung bagaimana dokumen yang akan kita buat, jika tingkat kesulitan membuat sebuah dokumen adalah susah atau sangat susah mungkin saja akan membutuhkan waktu yang sangat lama, tetapi jika tingkat kesulitan dalam membuat sebuah dokumen adalah rendah maka waktu yang dibutuhkan sebentar.

(Baca Juga : Membuat Link HTML Dengan Mudah)

Contohnya saja Form Biodata ini, saya membuatnya pada saat pelajaran Pemrograman Dasar Web yang kurang lebih waktu yang di butuhkan sekitar 1 jam lebih (di hitung dengan bermainnya hehe) karena saya masih pemula jadi waktu yang di perlukan menjadi lama dalam Membuat Form Biodata Sederhana dengan HTML ini.

Membuat Form Biodata Sederhana dengan HTML
Form Biodata Sederhana

Daripada agan harus membuat Form Biodata ini dengan sulit dan bingung (untuk pemula seperti saya), saya akan membantu untuk memudahkan agan bagaimana cara membuatnya dengan cepat sehingga tidak membutuhkan waktu yang cukup lama untuk Membuat Form Biodata Sederhana dengan HTML.


Membuat Form Biodata Sederhana dengan HTML



  1. Masuk terlebih dahulu pada Notepad atau buka Notepad agan, baik itu Notepad ataupun Notepad+++
  2. Lalu Copy Code di bawah ini dan pastekan pada Notepad agan.
  3. 
    <html>
    <head>
    <title>Form Biodata</title>
    </head>
    <body>
    <center><b>FORM BIODATA SISWA/I</B></CENTER>
    <hr>
    <table border=0>
    <tr>
    <td>NISN</td>
    <td>:</td>
    <td><input type
    =text name=
    NISN>
    </td>
    </tr>
    <tr>
    <td>Nama Lengkap</td>
    <td>:</td>
    <td><input type=text name=Nama size=50></td>
    </tr>
    <tr>
    <td>Kelas</td>
    <td>:</td>
    <td><select name="RW">
    <option value="X">X</option>
    <option value="XI">XI</option>
    <option value="XII">XII</option></td></select>
    </tr>
    <tr>
    <td>Jurusan</td>
    <td>:</td>
    <td>
    <input type=radio name="jurusan" value="RPL">Rekayasa Perangkat Lunak
    <input type=radio name="jurusan" value="TKJ">Teknik Komputer Jaringan
    <input type=radio name="jurusan" value="AP">Administrasi Perkantoran
    </td>
    </tr>
    <tr>
    <td>Tempat dan Tanggal Lahir</td>
    <td>:</td>
    <td><input type=text name=Tempat size=15>
    <select name=Tanggal>
    <option name=Tanggal>Tanggal
    <option name=Tanggal>1
    <option name=Tanggal>2
    <option name=Tanggal>3
    <option name=Tanggal>4
    <option name=Tanggal>5
    <option name=Tanggal>6
    <option name=Tanggal>7
    <option name=Tanggal>8
    <option name=Tanggal>9
    <option name=Tanggal>10
    <option name=Tanggal>11
    <option name=Tanggal>12
    <option name=Tanggal>13
    <option name=Tanggal>14
    <option name=Tanggal>15
    <option name=Tanggal>16
    <option name=Tanggal>17
    <option name=Tanggal>18
    <option name=Tanggal>19
    <option name=Tanggal>20
    <option name=Tanggal>21
    <option name=Tanggal>22
    <option name=Tanggal>23
    <option name=Tanggal>24
    <option name=Tanggal>26
    <option name=Tanggal>27
    <option name=Tanggal>28
    <option name=Tanggal>29
    <option name=Tanggal>30
    <option name=Tanggal>31
    </select>
    <select name=Bulan>
    <option name=Bulan>Bulan
    <option name=Bulan>Januari
    <option name=Bulan>Februari
    <option name=Bulan>Maret
    <option name=Bulan>April
    <option name=Bulan>Mei
    <option name=Bulan>Juni
    <option name=Bulan>Juli
    <option name=Bulan>Agustus
    <option name=Bulan>September
    <option name=Bulan>Oktober
    <option name=Bulan>November
    <option name=Bulan>Desember
    </select>
    <select name=Tahun>
    <option name=Tahun>Tahun
    <option name=Tahun>2016
    <option name=Tahun>2015
    <option name=Tahun>2014
    <option name=Tahun>2013
    <option name=Tahun>2012
    <option name=Tahun>2011
    <option name=Tahun>2010
    <option name=Tahun>2009
    <option name=Tahun>2008
    <option name=Tahun>2007
    <option name=Tahun>2006
    <option name=Tahun>2005
    <option name=Tahun>2004
    <option name=Tahun>2003
    <option name=Tahun>2002
    <option name=Tahun>2001
    <option name=Tahun>2000
    <option name=Tahun>1993
    <option name=Tahun>1992
    </select>
    </td>
    </tr>
    <tr>
    <td>Jenis Kelamin</td>
    <td>:</td>
    <td><input type=radio name=JK value=Laki-laki>Laki-laki<input type=radio name=JK value=Perempuan>Perempuan</td>
    </tr>
    <tr>
    <td>Alamat</td>
    <td>:</td>
    <td><input type=textfield name=alamat size=50></td>
    </tr>
    <tr>
    <td>Email</td>
    <td>:</td>
    <td><input type=textfield name=alamat> @ <select name="Email">
    <option value="RPL">Gmail.com</option>
    <option value="TKJ">Yahoo.com</option>
    <option value="SM">Yahoo.co.id</option>
    <option value="AP">Ymail.com</option>
    </select> </td>
    </tr>
    <tr>
    <td> </td>
    <td> </td>
    <td><a href="terimakasih.html"><input type="submit" name="Submit" value="Submit"> </a>
    <input type="reset" name="Teu janten" value="Cancel">
    </tr>
    </form>
    </table>
    </body>
    </html>

  4. Lalu save atau pencet CTRL + S pada keyboard agan, pada bagian save as type ganti dengan All Files dan pada bagian File Name isikan sesuai dengan keinginan agan. Jangan lupa untuk memberi .html pada akhir file name, Contoh : KeyzeX.html


(Baca Juga : Penggunaan Fungsi Tag Style pada HTML)

Terima kasih telah membaca Artikel Membuat Form Biodata Sederhana dengan HTML. Silahkan gunakan kolom komentar dengan bijak.

SEMOGA BERMANFAAT
Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar