Cara Membuat Form Pada Html



Cara Membuat Form Pada Html hal yang perlu diketahui antara lain sebagai berikut :

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


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>

<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>

<B>Hobi:</B><BR>

<INPUT TYPE="Checkbox" NAME=“Hobi" 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>

Maka Hasilnya :

Sekian artikel atau pembahasan mengenai cara membuat from pada html, Sekian dari saya terimakasih.


Posting Komentar

Post a Comment (0)

Lebih baru Lebih lama