Pengenalan HTML Form dan Input Type

Oleh Unknown

Sunday, May 3, 2015

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 :

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 :

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 :

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