Cara Membuat Form Pendaftaran dengan HTML

Hai teman-teman Ladang Tutorial, pada kali ini kita akan belajar membuat sebuah form pendaftaran dengan menggunakan HTML. Form seperti ini sangat berguna bagi sebuah website tentunya. Kalian pasti pernah dong lihat form pendaftaran? Kalo belom pernah, kalau seperti ini apa sudah pernah lihat?

Form Pendaftaran Facebook

Yups, itu adalah contoh sebuah fom pendaftaran yang saya ambil dari situs Facebook. Jadi sekarang kita akan belajar cara membuat form registrasi seperti itu.

Untuk membuat form registrasi cukup mudah, sobat Ladang Tutorial hanya perlu memasukkan script di bawah ini:
<form>
<pre><h1>Contoh Form Pendaftaran</h1></pre><br/>
  <pre>
  NIM              : <input type="text" size="11" name="nim">
  NAMA          : <input type="text" size="25" name="nama">
  JENIS KELAMIN     : <input type="radio" name="jkel" value="pria">Pria <input type="radio" name="jkel" value="Wanita">Wanita
  AGAMA          : <select name=agama>
        <option value="Islam">Islam</option>
        <option value="Katholik">Katholik</option>
        <option value="Kristne">Kristen</option>
        <option value="Hindu">Hindu</option>
        <option value="Budha">Budha</option></select>
       
  STATUS          : <input type="radio" name="status" value="Kawin">Kawin <input type="radio" name="status" value="Belum Kawin">Belum Kawin
  JURUSAN          : <select name=:jurusan" size="1">
        <option value="Teknik Informatika">Teknik Informatika </option>
        <option value="Manajemen Informatika">Manajemen Informatika </option>
        <option value="Sistem Informasi">Sistem Informasi </option>
       </select>
  KETERANGAN         :
  <textarea name="ket" rows="3" cols="30"></textarea>
  </pre>
  <input type="submit" value="Kirim">
  <input type="reset" value="Ulang">
</form>
Hal yang perlu sobat Ladang Tutorial perhatikan, script ini merupakan sebuah contoh form pendaftaran. Sobat bisa menambahkan / mengurangi form ini.
Sebagai contoh, kita akan menambah form hobi, kita bisa menambahkannya dengan checkbox, kodenya seperti ini:
  HOBI            : <input type="checkbox" name="bola" id="hobi" /><label for="bola">sepak bola</label>
               <input type="checkbox" name="bulutangkis" id="hobi" /><label for="bulutangkis">bulutangkis</label>


Jadi hasilnya akan menjadi seperti ini:
HOBI :


Cukup sekian postingan dari Saya, semoga tutorial Cara membuat Form registrasi ini bermanfaat untuk para sobat Ladang Tutorial.

Subscribe to receive free email updates:

41 Responses to "Cara Membuat Form Pendaftaran dengan HTML"

  1. nanti hasil pendaftarannya bisa di lihat di mana gan ???

    ReplyDelete
    Replies
    1. tergantung destination actionnya. jadi kita harus bikin 2 file.
      1 untuk form input dan 1 nya untuk nampilin inputannya.

      Delete
    2. maaf kurang mengerti, supaya bisa di lihat di gmail gmna gan

      Delete
  2. gan cara membuat tampilan hasil inputnya gimana?

    ReplyDelete
  3. kalo ada yg daftar lihat informasi nya dia mendaftar di mna

    ReplyDelete
  4. nitip ya gan
    http://pakisproject.blogspot.com/

    ReplyDelete
  5. CEK file:///C:/Users/Guest/Documents/%25tugas%20ku.html

    ReplyDelete
  6. This comment has been removed by the author.

    ReplyDelete
  7. thanks gan btw yang hobi ane copy yah :3

    ReplyDelete
  8. ngak jelas gan... setelah mendaftar lari kemana datanya gank..???

    ReplyDelete
  9. cara memasukkan link from pedataran dan register gma gan?

    ReplyDelete
  10. FILEMU.COM

    1. Fast Furious 7 Sub Indo
    2. Fifty Shades Of Grey Sub Indo
    3. Film Semi Korea The Gigolo 2015

    ReplyDelete
  11. FILEMU.COM

    1. Fast Furious 7 Sub Indo
    2. Fifty Shades Of Grey Sub Indo
    3. Film Semi Korea The Gigolo 2015

    ReplyDelete
  12. thx atas infonya
    http://duniagame.info/
    http://giribig.com/
    http://idcheat.com/

    ReplyDelete
  13. hasil input lhat nya dmna gan?

    ReplyDelete
  14. hasil input lhat nya dmna gan?

    ReplyDelete
  15. kayaknya cara yang ini lumayan ribet gan, ada cara lain yang lebih mudah?

    ReplyDelete
  16. CERITA DEWASAKU

    http://www.newindo.org/











    ReplyDelete
  17. Maksudnya ini from pendaftaran apa gan?

    ReplyDelete
  18. http://lfplmedan.blogspot.com/

    ReplyDelete
  19. This comment has been removed by the author.

    ReplyDelete
    Replies
    1. Berbagi hasil pekerjaan tugas --> http://www.gatewan.com/2015/08/cara-membuat-form-html5-sederhana.html

      Delete
  20. waduh penjelasannya kurang mengena gan...tu abis di isi data di simpan n mo liatnya ndak jelas...kemana outputnya

    ReplyDelete
  21. kayaknya walaupun kode di atas berhasil di buat, namun form bersifat baku.
    Maaf gan.. sedikit kiritik..

    salam:
    www.miniblogger28.com

    ReplyDelete
  22. dah lumayan, walaupun memang kurang lengkap. tapi bisa buat tambah2 pengetahuan... terima kasih

    yang mau cari game / film langsung aja cek kemari
    http://rastacentraldisc.blogspot.co.id

    ReplyDelete
  23. Gimana cara buat form action untuk ngirim ke email ya gan?
    http://goo.gl/aCayXI

    ReplyDelete
  24. klo ada yang butu dana tunai jaminan bpkb

    http://wwwjaminanbpkb.blogspot.co.id

    ReplyDelete
  25. makasih sarannya.
    kunjungi ya?
    ricky-pramana.blogspot.com

    ReplyDelete
  26. http://amalanpesugihan.blogspot.co.id/

    ReplyDelete
  27. http://amalanpesugihan.blogspot.co.id/

    ReplyDelete
  28. wow Thanks your Information and i share this article
    Onimp3
    SaveLagu

    ReplyDelete
  29. Artikel nya sangat bermanfaat dan membantu..
    kunjungi juga website kami..
    Kami siap membantu 24 jam dalam melakukan transaksi,
    kami memberikan deposit pendaftaran pertama kali dengan 20% - 30%
    dan mendapatkan Bonus yang sangat mengiyurkan....

    Daftar Casino Online Indonesia
    Daftar Casino Terpercaya
    Daftar Roulette Online
    Agen Judi SBOBET
    Judi Bola
    Judi Online
    IBCBET Online
    Agen Judi Roulette Online
    Agen Judi Roulette
    Daftar Sbobet
    Agen Roulette Online
    Agen Roulette

    ReplyDelete
  30. wow Thanks your Information and i share this article and see you
    bagi shared video
    fiftyhdcom

    ReplyDelete

- Mohon untuk berkomentar yang baik dan sopan.
- Dilarang berkomentar SPAM dengan cara menuliskan alamat link.
- Terimakasih telah membantu kemajuan blog ini dengan berbagai pertanyaan kalian.