Membuat Form (Formulir)

Perintah FORM adalah suatu metode untuk membuat format input seperti formulir.
<form method=post action="proses_input.php">...</form>.

FORMULIR INPUT TYPE TEXT (input teks pendek)

Sintak HTML:

<form method=post action="proses_input.php">

Nama Situs:<br><input type="text" name="nama_situs" size="30"><br>

Url:<br><input type="text" name="url" size="30"><br>

Email:<br><input type="text" name="email" size="40"><br>

<input type="submit" value="kirim">

</form>

Tampilan:

Nama Situs:

Url:

Email:

FORMULIR INPUT TYPE PASSWORD (input teks dengan tampilan password)

Sintak HTML

<form method=post action="proses_input.php">
Password:<br>
<input name="pass_kamu" size="30" type="password"><br>
<input type="submit" value="kirim"></form>

Tampilan

Password:

FORMULIR INPUT TYPE TEXTAREA (input teks lebih panjang)

Sintak HTML

<form action="proses_input.php" method="post">

Deskripsi Situs:<br>

<textarea cols="40" name="deskripsi" rows="4"></textarea><br>

<input type="submit" value="Kirim"></form>

Tampilan

Deskripsi Situs:

FORMULIR INPUT TYPE RADIO (input pilihan salah satu)

Sintak HTML

<form action="proses_input.php" method="post">

Jenis Situs:<br>

<input name="jenis_situs" value="Website" type="radio" CHECKED>Website

<input name="jenis_situs" value="Blog" type="radio">Blog
<input type="submit" value="kirim"></form>

Tampilan

Jenis Situs:
Website
Blog

FORMULIR INPUT TYPE CHECKBOX (input pilihan bisa lebih dari satu)

Sintak HTML

<form action="proses_input.php" method="post">

Kategori:<br>

<input name="kategori" type="checkbox" value="Gallery" checked>Gallery

<input name="kategori" type="checkbox" value="Hobby">Hobby

<input name="kategori" type="checkbox" value="pribadi">Pribadi

<input type="submit" value="kirim">

</form>

Tampilan

Kategori:
Gallery
Hobby
Pribadi

FORMULIR TYPE SELECT (input pilihan salah satu)

Sintak HTML

<form action="proses_input.php" method="post">

Jenis Pengunjung:<br>

<select name="jenis_pengunjung">

<option selected>Anak-anak </option>

<option>Dewasa </option>

<option>Semua Umur </option>

</select>

<input type="submit" value="Kirim">

</form>

Tampilan

Jenis Pengunjung:
Anak-anak Dewasa Semua Umur

FORMULIR TYPE FILE (upload foto)
Sintak HTML

<form action="proses_input.php" enctype="multipart/from-data" method="post">
Logo Situs:<br>
<input name="foto" type="file">
<input type="submit" value="Kirim">
</form>

Tampilan

Logo Situs:

CONTOH FORMULIR YANG SUDAH DIGABUNGKAN DARI BERBAGAI TYPE

Formulir Situs Anda

Nama Situs:

Url:

Email:

Password:

Deskripsi Situs:

Jenis Situs:
Website
Blog
Kategori:
Gallery
Hobby
Pribadi
Jenis Pengunjung:
Anak-anak Dewasa Semua Umur
Logo Situs:

Sintak HTML Formulir diatas sbb:

<form action="proses_input.php" method="post"><br /> <fieldset><legend>Formulir Situs Anda</legend>Nama Situs:<br><input name="nama_situs" size="30" type="text" /><br>Url:<br><input name="url" size="30" type="text" /><br>Email:<br><input name="email" size="30" type="text" /><br>Password:<br><input name="pass_kamu" size="30" type="password" /><br>Deskripsi Situs:<br><textarea cols="40" name="deskripsi" rows="4"></textarea><br>Jenis Situs:<br><input checked="checked" name="jenis_situs" type="radio" value="Website" />Website<input name="jenis_situs" type="radio" value="Blog" />Blog<br>Kategori:<br><input checked="checked" name="kategori" type="checkbox" value="Gallery" />Gallery<input name="kategori" type="checkbox" value="hobby" />Hobby<input name="kategori" type="checkbox" value="pribadi" />Pribadi<br>Jenis Pengunjung:<br><select name="jenis_pengunjung"> <option selected="selected">Anak-anak</option> <option>Dewasa</option><option>Semua Umur</option><br /> </select><br>Logo Situs:<br><input name="foto" type="file" /><br /> </fieldset><input type="submit" value="Kirim" /><input type="reset" value="Hapus" /></form>