Cara Membuat Form Biodata Menggunakan HTML

Cara Membuat Form Biodata Menggunakan HTML

Pada kesempatan ini Caradinter.net akan membagikan cara membuat biodata menggunakan HTML dengan menggunakan tag input type , seperti : check box , submit , reset,dan tabel. Nah untuk selengkapnya bisa Anda salin kode HTML berikut ini pada Notepad atau Brackets Sprint.



<HTML>
    <head><title>Biodata</title></head>
    <body>
        <h2><b><i>Biodata</i></b></h2>
        <form>
        Nama :    <input type="text"><br>
        Kelas :   <input type="text"><br>
        Jenis Kelamin :   <input type="radio" name="satu"> Laki-laki <input type="radio" name="satu">           Perempuan <br>
    Hobi :  <br>
<input type="checkbox"> Menyanyi <br>
<input type="checkbox"> Blogging <br>
<input type="checkbox"> Menari <br>
<input type="submit" Value="Kirim">
<input type="reset" Value="Hapus">
            </form>
<table border="1">
    <tr>
        <th> Nomor </th>
        <th> Nama </th>
        </tr>
    <td> 1 </td>
    <td> Satu </td>
    <tr>
    <td> 2 </td>
    <td> Dua </td>
    </tr>
        </table>
        </body>
</HTML>
Setelah itu simpan kode HTML yang sudah Anda salin dengan menekan ctrl+s , kemudian ganti format .txt dengan .html. Simpan di folder Desktop Anda , agar mudah untuk menemukannya.
Untuk membuka hasil HTML yang sudah dibuat caranya Anda hanya cukup membuka file .html tadi pada folder desktop , klik kanan > Open With > (Rekomendasi) Mozilla Firefox atau Internet Explorer.
Maka hasilnya akan seperti ini:

 Sekia tutorial HTML pada kali ii , semoga bermanfaat untuk kita semua.
Title : Cara Membuat Form Biodata Menggunakan HTML
Description : Pada kesempatan ini Caradinter.net akan membagikan cara membuat biodata menggunakan HTML dengan menggunakan tag input type , seperti :...

2 Responses to "Cara Membuat Form Biodata Menggunakan HTML"


  1. Thanks kak atas artikel nya karena dengan adanya artikel ini sangat memudahkan saya dalam belajar apalagi dalam mempelajari bagaimana cara membuat form di html,artikel nya juga mudah dipahami,dimengerti .
    saya harap kaka dapat membuat artikel yang lebih menarik lagi
    Perkenal nama saya ernita resva julina
    Ini link kampus saya
    https://www.atmaluhur.ac.id

    BalasHapus

Silahkan berkomentar relevan atau berhubungan dengan artikel diatas.