membuat form di dalam HTML

membuat form di dalam HTML

Contoh membuat form di dalam HTML

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 :

Catatan	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="sayang" /> sayang
<input type="radio" name="sex" value="cinta" /> cinta
</form>

Kode HTML di atas akan terlihat seperti berikut di browser :

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 :

Submit Button

1.Submit Button digunakan untuk mengirimkan data ke server.
2.Data dikirim ke sebuah halaman yg di deklarasikan pada atribut milik form.3.<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 :