Form HTML


Cobalah Perintah HTML dengan Contoh

Membuat text field
Cara membuat text field.

Membuat field password
Cara membuat field isian password.

(Lihat juga contoh lainnya dibawah)


Dalam internet, form digunakan untuk mengirimkan data ke server. Sebuah form terdiri dari berbagai jenis inputan diantaranya inputan teks (text field), checkbox, radio button, tombol submit, daftar list, textarea dan banyak lagi.

Untuk membuat sebuah form, Anda harus menggunakan tag <form>

<form>
.
elemen input
.
</form>

Text Field

<input type=”text”> untuk membuat inputan teks yang digunakan user untuk mengisikan teks.

<form>
Nama Depan : <input type="text" name="namadepan" />
Nama Belakang : <input type="text" name="namabelakang" />
</form>

Hasil :

Nama Depan :
Nama Belakang :

Field Password

<input type=”password”> digunakan untuk membuat inputan password.

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

Hasil :

Password:

Radio Button

<input type=”radio”> digunakan untuk membuat radio button. Radio button hanya mengizinkan user untuk memilih salah satu dari pilihan yang ada.

<form>
<input type="radio" name="jk" value="pria" />Pria
<input type="radio" name="jk" value="wanita" />Wanita
</form>

Hasil :

Pria
Wanita

Checkbox

<input type=”checkbox”> digunakan untuk membuat checkbox. Checkbox mengizinkan user untuk tidak memilih atau memilih lebih dari satu.

<form>
<input type="checkbox" name="kendaraan" value="Motor" />Motor
<input type="checkbox" name="kendaraan" value="Mobil" />Mobil
</form>

Hasil :

Motor
Mobil

Tombol Submit

<input type=”submit”> digunakan untuk membuat tombol submit. Tombol submit berfungsi untuk mengirimkan data dari isian form ke server. Data tersebut akan dikirim ke halaman yang sudah ditentukan melalui atribut action pada form.

<form name="input" action="terima.php" method="post">
Username : <input type="text" name="user><input type="submit" value="Kirim">
</form>

Hasil :

Username :

Contoh Inputan Lainnya

Radio button
Membuat radio button.

Checkbox
Membuat checkbox.

Drop-down List
Membuat list drop down.

Drop-down list dengan isian selected
Membuat list drop down dengan menentukan isian.

Textarea
Membuat inputan teks multi (textarea). Dengan textarea user dapat menginput teks tanpa batas.

Tombol
Membuat Tombol.

Contoh Penggunaan Form

Fieldset mengelilingi form
Membuat border mengelilingi form.

Form dengan input teks dan tombol submit
Membuat form dengan 2 input teks dan sebuah tombol submit.

Form dengan checkbox
Membuat form dengan 2 checkbox dan sebuah tombol submit.

Form dengan radio button
Membuat form dengan 2 radio button dan sebuah tombol submit.

Mengirim e-mail dari form
Mengirim email dari form.