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:

43 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. tanks you mas brooo...........

    ReplyDelete
  3. gan cara membuat tampilan hasil inputnya gimana?

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

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

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

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

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

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

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

    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. FILEMU.COM

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

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

    ReplyDelete
  14. hasil input lhat nya dmna gan?

    ReplyDelete
  15. hasil input lhat nya dmna gan?

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

    ReplyDelete
  17. CERITA DEWASAKU

    http://www.newindo.org/











    ReplyDelete
  18. Maksudnya ini from pendaftaran apa gan?

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

    ReplyDelete
  20. 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
  21. waduh penjelasannya kurang mengena gan...tu abis di isi data di simpan n mo liatnya ndak jelas...kemana outputnya

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

    salam:
    www.miniblogger28.com

    ReplyDelete
  23. 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
  24. Gimana cara buat form action untuk ngirim ke email ya gan?
    http://goo.gl/aCayXI

    ReplyDelete
  25. klo ada yang butu dana tunai jaminan bpkb

    http://wwwjaminanbpkb.blogspot.co.id

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

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

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

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

    ReplyDelete
  30. 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
  31. wow Thanks your Information and i share this article and see you
    bagi shared video
    fiftyhdcom

    ReplyDelete

  32. Terimakasih atas info dan sharingnya gan semoga bermanfaat bagi semuanya
    KepoKesehatanmu
    ResepKreatifz

    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.