Tutorial Blog, Tips Blogging, SEO, Belajar Syntax HTML, PHP, CSS, dan Aktifitas Coding Lainnya

Pengenalan HTML Form dan Input Type

Apa itu HTML Form?


HTML Form adalah cara membuat form yang digunakan untuk mengumpulkan input dari user. Format penulisan syntax kode html form adalah dengan meletakkan elemen form diantara tag <form> seperti ini :


<form>
.
Di sini elemen form berada
.
</form>

Jenis Input Type HTML Form


Ada beberapa elemen form, tapi yang paling penting adalah elemen <input>. Elemen input sendiri juga memiliki beberapa variasi, tergantung type atributnya apa. Ada input type text, radio, dan juga submit.

Input type text itu fungsinya untuk menginput data teks biasa, seperti kalau mau mengisi form pendaftaran. Input type radio fungsinya menginput data dengan cara memilih salah satu dari beberapa pilihan, seperti model form untuk polling. Sedangkan input type submit fungsinya untuk mengkonfirmasi atau menyetujui atau memproses data yang sudah diinput.

Biar lebih jelas di bawah ini akan ditampilkan contoh dari ketiganya.

1. Contoh Text Input



<form>
Nama Depan:<br>
<input type="text" name="firstname">
<br>
Nama Belakang:<br>
<input type="text" name="lastname">
</form>

Maka hasilnya seperti ini :

Nama Depan:

Nama Belakang:


2. Contoh Radio Button Input



<form>
<input type="radio" name="jenis kelamin" value="pria">Pria
<br>
<input type="radio" name="jenis kelamin" value="wanita">Wanita
</form>

Hasilnya seperti ini :

Pria
Wanita

3. Contoh Submit Button



<form>
Nama Depan:<br>
<input type="text" name="nama depan">
<br>
Nama Belakang:<br>
<input type="text" name="nama belakang">
<br><br>
<input type="submit" value="submit">
</form>

Hasilnya seperti di bawah ini :

Nama Depan:

Nama Belakang:



Sebagaimana judul postingan ini, Pengenalan HTML Form dan Input Type, artinya ini hanya dasar pembuatan form sederhana dan masih kosong tidak ada efek apapun. Kamu inputkan teks dan klik submit pun tidak akan terjadi apa-apa. Jadi, tunggu kabarnya di postingan selanjutnya. hehe..



2 Komentar untuk "Pengenalan HTML Form dan Input Type"

Info yang bermanfaat bagi saya yang newbie :D

Makasih atas kunjungannya.. sering2 ja ya. hehe

Back To Top