web desain ke 3

MEMBUAT CONTAC PERSON DI HTML 
<form action="" method="post">
Masukkan Nama=<input type="text">
email anda =
Komentar
</form>
PERBEDAAN post dan get= post digunakan untuk mengirim komentar dan get fungsinya rahasia soalnya get adalah menyembunyikan password

OPTION
<select name="JENIS">
<optioN>LAKI-LAKI</option>
<option>PEREMPUAN</option>
</select>
CONTOH HASIL
LAKI-LAKI PEREMPUAN

RADIO
BANYUWANGI <input type="radio" name="jur">
Surabaya <input type="radio" name="jur">
HASIL
BANYUWANGI Surabaya

type READONLY fungsinya buat kalau kuota penuh

<input type="checkbox" name="jur" readonly>BANYUWANGI
 <input type="checkbox" name="jur">SURABAYA
 BANYUWANGI
 SURABAYA

INPUT TYPE FILE buat upload sesuatu
<intput type="file" name="data">


macam2 form

• text  
• number
• date
• password
• option

            - chexbox
           - radio
          - option

• textarea
• button

           - submit
          - button
          - reset


CONTOH KODE 
<form action="mailto:afandiyes@gmail.com" method="GET">
<table>
<tr>
<td>Nama </td>
<td>:</td>
<td> <input type="text" name="nama"></td>
<tr>
<td>Email</td>
<td>: </td>
<td><input type="text" name="email"></td>
</tr>
<tr>
<td valign="top">Komentar</td>
<td valign="top"> :</td>
<td> <textarea name="komentar" cols="50" rows="15"></textarea></td>
</tr>
<tr>
<td>JENIS KELAMIN</td>
<td>:</td>
<td>
<select name="JENIS">
<optioN>LAKI-LAKI</option>
<option>PEREMPUAN</option>
</select>

</td>
</tr>

<tr>
<td>JURUSAN</td>
<td>:</td>
<td>
BANYUWANGI <input type="radio" name="jur">
Surabaya <input type="radio" name="jur">
</td>
</tr>

<tr>
<td></td>
<td></td>
<td><input type="submit" name="kirim" value="KIRIM PESAN">
<input type="reset" name="reset" value="HAPUS"></td>
</tr>
</table>
</form>

HASIL DARI YANG DIATAS

Nama	:
Email	:
Komentar	:
JENIS KELAMIN	:	LAKI-LAKI PEREMPUAN
JURUSAN	:	BANYUWANGI Surabaya