HTML Dasar
HTML Menengah
HTML Mahir
HTML Referensi
HTML Contoh
HTML Resources

HTML Form


HTML Form digunakan untuk mengirimkan data ke server

HTML Form bisa mengandung elemen-elemen input semisal text fields, button, submit-buttons, check-box dan lain sebagainya.

Tag <form> digunakan untuk mendeklarasikan HTML form.
<form>
.
.
elemen2 input
.
.
</form>


Text Fields

<input type="text"> mendefinisikan sebuah teks input yang bisa diisi oleh user.

<form>
Nama Anda : <input type="text" name="nama">
</form>

Kode HTML di atas akan terlihat seperti berikut di browser :

Nama Anda :


Form sendiri tidak akan terlihat di Browser.
Secara default panjang/width dari input text adalah sebesar 20 karakter.

Password Fields

<input type="password"> mendefinisikan sebuah teks input yang bisa diisi oleh user.

<form>
Password Anda : <input type="password" name="password">
</form>

Kode HTML di atas akan terlihat seperti berikut di browser :

Password Anda :


Radio Buttons

<input type="radio"> mendefinisikan sebuah input pilihan yang bernilai salah satu.

<form>
<input type="radio" name="sex" value="laki" /> laki-laki
<input type="radio" name="sex" value="perempuan" /> perempuan
</form>

Kode HTML di atas akan terlihat seperti berikut di browser :

Laki-laki
Perempuan

Check Boxes

<input type="checkbox"> mendefinisikan input pilihan yang bisa bernilai semuanya/banyak.

<form>
<input type="checkbox" name="city" value="surabaya"/>Surabaya<br/>
<input type="checkbox" name="city" value="bali" /> Bali

Kode HTML di atas akan terlihat seperti berikut di browser :

Surabaya
Bali

Submit Button

  • Submit Button digunakan untuk mengirimkan data ke server.
  • Data dikirim ke sebuah halaman yg di deklarasikan pada atribut milik form.
  • <input type="submit"> mendefinisikan input pilihan yang bisa bernilai semuanya/banyak.
<form method="GET" action="http://codingku.com/html/sample/form.php>
Nama anda : <input type="text" name="nama" /> 
<input type="submit" value="submit" />
</form>

Kode HTML di atas akan terlihat seperti berikut di browser :

Nama anda :

Bila anda perhatikan kode HTML di atas, pada tag <form> terdapat atribut action, isi dari action inilah yg mendefinisikan tujuan dari submit.


Situs ini masih dalam versi beta, artinya masih dalam proses pengembangan baik dari segi bug maupun isi yg kurang lengkap. Silahkan melihat-lihat yang sudah ada sementara ini, tiap hari kami akan berusaha untuk melengkapi kekurangannya...