際際滷

際際滷Share a Scribd company logo

7.materi membuat form (ok)

Nacha Evangelion
Nacha Evangelion

Form digunakan untuk mengumpulkan input dari pengguna menggunakan elemen seperti input, checkbox, select, dan textarea. Elemen form membungkus elemen-elemen tersebut dan menentukan metode dan tujuan pengiriman form. Contoh membuat form mendaftar menggunakan berbagai jenis input untuk mengumpulkan informasi seperti nama, alamat, jenis kelamin, hobi, dan komentar.

1 of 8
Downloaded 85 times
Membuat Form
Elemen Form Untuk membuat form kita menggunakan elemen FORM ditambah dengan komponen-komponen pembentuk form seperti input, checkbox, option dan sebagainya. Perintah untuk membuat form yaitu : <FORM [METHOD=POST/GET ACTION=URL> <INPUT> <INPUT> </FORM> Method digunakan untuk menentukan bagaimana form diberlakukan Action sering diisi dengan URL tempat pemrosesan form selankjutnya.
Elemen-elemen pada Form (1)
Elemen-elemen pada Form (2)
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>
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>
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>
Hasil

More Related Content

7.materi membuat form (ok)

  • 2. Elemen Form Untuk membuat form kita menggunakan elemen FORM ditambah dengan komponen-komponen pembentuk form seperti input, checkbox, option dan sebagainya. Perintah untuk membuat form yaitu : <FORM [METHOD=POST/GET ACTION=URL> <INPUT> <INPUT> </FORM> Method digunakan untuk menentukan bagaimana form diberlakukan Action sering diisi dengan URL tempat pemrosesan form selankjutnya.
  • 5. 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>
  • 6. 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>
  • 7. 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>