7.materi membuat form (ok)

8

Click here to load reader

Transcript of 7.materi membuat form (ok)

Page 1: 7.materi membuat form (ok)

Membuat Form

Page 2: 7.materi membuat form (ok)

Elemen Form• Untuk membuat form kita menggunakan elemenFORM ditambah dengan komponen-komponenpembentuk form seperti input, checkbox, optiondan sebagainya.

• Perintah untuk membuat form yaitu :<FORM [METHOD=”POST/GET” ACTION=”URL”>

<INPUT><INPUT>

</FORM>

▫ Method digunakan untuk menentukan bagaimana formdiberlakukan

▫ Action sering diisi dengan URL tempat pemrosesan formselankjutnya.

Page 3: 7.materi membuat form (ok)

Elemen-elemen pada Form (1)

Page 4: 7.materi membuat form (ok)

Elemen-elemen pada Form (2)

Page 5: 7.materi membuat form (ok)

Contoh<HTML><HEAD><TITLE>Contoh Membuat Form</TITLE></HEAD><BODY><H1 ALIGN="CENTER">FORM PENDAFTARAN ONLINE</H1><HR size=3 color="black"><FORM METHOD="POST" ACTION="contohform.htm"><TABLE><TR><TD><B>Nama :</B></TD><TD><INPUT TYPE="Text" NAME="varNama" SIZE="15"></TD></TR><TR><TD><B>Alamat :</B></TD><TD><INPUT TYPE="Text" NAME="varAlamat" SIZE="30"></TD></TR>

Page 6: 7.materi membuat form (ok)

Contoh (lanjutan 1)<TR><TD><B>Agama :</B></TD><TD><SELECT NAME="agama" SIZE="1"><OPTION>Islam</OPTION><OPTION>Kristen</OPTION><OPTION>Budha</OPTION><OPTION>Hindu</OPTION></SELECT></TD></TR><TR><TD><B>Password :</B></TD><TD><INPUT TYPE="Password" NAME="varPassword" SIZE="10"></TD></TR></TABLE><B>Jenis kelamin: </B><INPUT CHECKED TYPE="Radio" NAME="Kelamin" VALUE="Pria">Pria<INPUT TYPE="Radio" NAME="Kelamin" VALUE="Wanita">Wanita<BR>

Page 7: 7.materi membuat form (ok)

Contoh (lanjutan 2)<B>Hobi:</B><BR><INPUT TYPE="Checkbox" NAME="Kelamin" VALUE="Soccer">Sepakbola<INPUT CHECKED TYPE="Checkbox" NAME="Hobi" VALUE="Badminton">Bulutangkis<INPUT TYPE="Checkbox" NAME="Hobi" VALUE="Computer">Komputer <BR><INPUT TYPE="Checkbox" NAME="Hobi" VALUE="Game">Permainan video<INPUT CHECKED TYPE="Checkbox" NAME="Hobi" VALUE="Internet">Internet <BR><B>Komentar</B><BR> <TEXTAREA Cols="30" Rows="5"

Name="komentar"></TEXTAREA><BR><INPUT TYPE="Submit" VALUE="Kirim"><INPUT TYPE="Reset" VALUE="Batal"></FORM></BODY></HTML>

Page 8: 7.materi membuat form (ok)

Hasil