Contoh program form pendaftaran pada HTML

Apa kabar sahabat Open-Source.?

pada kesempatan kali ini saya akan share CONTOH PROGRAM FORM PENDAFTARAN PADA HTML.

musti di ingat Setiap type juga memiliki attribut sendiri-sendiri. Tapi setiap type pasti memiliki attribut name. Berikut ini beberapa tipe type yang dapat anda gunakan:

• Text – tipe ini seperti yang terlihat di gambar yaitu berupa textbox
• Size – yang merupakan ukuran panjang dari textbox.
• Maxlength – merupakan karakter maksimal yang dapat ditampung oleh textbox.
• Value – merupukan isi dari textbox yang telah ditetapkan. User dapat menggantinya dengan langsung mengetikkan pada textbox.Password – hampir sama dengan text hanya saja karakter yang diketikkan akan berupa asterik (*).
• Hidden – input ini tidak dimunculkan di layar browser. Dapat digunakan untuk menyimpan nilai atau variabel yang digunakan untuk halaman berikutnya.
• Submit – tipe ini akan menampilkan tombol submit(pengiriman). Nama tombol diambil dari nilai attribut value. Jika tidak ada maka namanya Submit Query.
• Reset – tipe ini digunakan untuk membersihkan segala isian pada form. Attributnyahampir sama dengan submit.
• File – tipe ini digunakan untuk proses peng-upload-an file. Tampilannya hampir sama dengan tipe text tapi disebelahnya ada tombol “browse”. Ketika user menekan browse akan muncul kotak dialog untuk memilih file yang diupload.
• Checkbox – tipe ini akan memunculkan tampilan checkbox. Biasanya checkbox digunakan untuk memilih lebih dari satu pilihan. Jika pada tag ini terdapat kata “checked” maka checkbox tersebut akan ditandai.
• Radio – tipe ini akan menampilkan tampilan radio button. Tipe ini digunakan jika kita harus memilih hanya satu pilihan. Jika ada kata “checked” maka radio tersebut akan ditandai(default)
• Image – fungsinya sama dengan submit hanya saja anda dapat menentukan gambar sebagai pengganti tombol.

Di atas adalah Kode-Kode yang biasa di gunakan dalam pembuatan form REGISTER atau sejenisnya.

Sekarang buka text editor kesayangan anda, pada contoh ini saya menggunakan text editor Sublime text editor.dan masukan beberapa kode HTML berikut :

<form action="tidak_ada.php" method="POST">

<h2>Formulir Pendaftaran</h2>

Nama: <input type="text" name="nama" value="ketik nama di sini" size="30" maxlength="50"><br><br>

Password: <input type="password" name="nama" size="30" maxlength="50"><br>

<input type="checkbox" name="mailing" value="ya">Apakah anda siap untuk menjadi anggota mailing list kami.

<input type="hidden" name"sembunyi" value="anda tidak dapat melihat ku">

<p>

Status Anda.?<br>

<input type="radio" name="status" value="menikah">Sudah Menikah<br>

<input type="radio" name="status" value="belum">Belum Menikah<br>

<input type="radio" name="status" value="duda_janda">Duda/Janda<br>

</p>

<input type="submit" value="DAFTAR"> <input type="reset" value="RESET">

</form>

Jika sudah akan terlihat di text editor anda seperti gambar berikut:

Sekarang simpan file tersebut di folder web server dengan nama form_pendaftaran.html dan jalankan dengan web browser kesayangan anda dengan mengetikan di address bar http://localhost/form_pendaftaran.html

Maka hasil Program Output seperti gambar di bawah :

karana saya telah mengganti nama localhost saya menjadi IWAK, jadi saya mengetikan di address bar iwak/form_pendaftaran.html

Sekian tutorial dari saya,semoga artikel ini bermanfaat untuk kita semua

Jika ada kesalahan dalam penulisan tolong beri tahu saya melalui komentar.

kritik dan saran akan saya terima dengan lapang dada.

----- IWAK KIMBERLY -----