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 :   

Note: "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.