Untuk membuat form, kita harus menggunakan tag <form>
Di dalam form ada beberapa jenis input dalam form yang diawali dengan tag <input> dengan attribut-attribut sebagai berikut :
- Text, digunakan untuk memasukan suatu nilai untuk dikirimkan kepada server, nilai yang dimasukan dapat berupa angka ataupun teks (textbox)
syntax : <HTML>
<HEAD><TITLE>INPUT TEXT</TITLE></HEAD>
<BODY>
<FORM>
NAMA DEPAN:
<INPUT TYPE="TEXT" NAME="FIRSTNAME">
<BR>
NAMA KELUARGA:
<INPUT TYPE="TEXT" NAME="FAMILY">
</FORM>
- Radio, menyediakan beberapa pilihan, hanya dapat memilih satu dari pilihan yang dipilih (Radiobutton)
syntax : <HTML>
<HEAD><TITLE>INPUT TEXT</TITLE></HEAD>
<BODY>
<FORM>
JENIS KELAMIN:<BR>
<INPUT TYPE="RADIO" CHECKED NAME="KELAMIN">PRIA
<BR>
<INPUT TYPE="RADIO" NAME="KELAMIN">WANITA<BR>
- Check Box, menyediakan beberapa pilihan, bisa lebih dari satu pilihan yang dipilih (Checkbox)
syntax : <HTML>
<HEAD><TITLE>INPUT TEXT</TITLE></HEAD>
<BODY>
<FORM>
BAHASA YANG DIKUASAI
<INPUT TYPE="CHECKBOX" NAME="C#"C#
<BR>
<INPUT TYPE="CHECKBOX" NAME="java">Java
</FORM>
</BODY>
</HTML>
<HEAD><TITLE>INPUT TEXT</TITLE></HEAD>
<BODY>
<FORM>
BAHASA YANG DIKUASAI
<INPUT TYPE="CHECKBOX" NAME="C#"C#
<BR>
<INPUT TYPE="CHECKBOX" NAME="java">Java
</FORM>
</BODY>
</HTML>
- List, menyediakan pilihan dalam bentuk list pilihan, pilihan yang dipilih dapat lebih dari satu
syntax : <HTML>
<HEAD><TITLE>INPUT TEXT</TITLE></HEAD>
<BODY>
<FORM>
<SELECT NAME="FOOTBALL"
<OPTION VALUE="MANCHESTER UNITED">MU
<OPTION VALUE="AC MILAN">AC MILAN
<OPTION VALUE="ARSENAL">ARSENAL
<OPTION VALUE="LAZIO">LAZIO
</SELECT>
</FORM>
</BODY>
</HTML>
<HEAD><TITLE>INPUT TEXT</TITLE></HEAD>
<BODY>
<FORM>
<SELECT NAME="FOOTBALL"
<OPTION VALUE="MANCHESTER UNITED">MU
<OPTION VALUE="AC MILAN">AC MILAN
<OPTION VALUE="ARSENAL">ARSENAL
<OPTION VALUE="LAZIO">LAZIO
</SELECT>
</FORM>
</BODY>
</HTML>
Catatan : Untuk membuat List, dibutuhkan tag tambahan yaitu tag <select> dan tag <option>. sedangkan attribut value digunakan untuk memberikan nama pada pilihan tersebut
- Button, digunakan untuk mendefinisikan tombol untuk melakukan pemrosesan form, Ada bermacam-macam button
syntax : <HTML>
<BODY>
<FORM>
<INPUT TYPE="BUTTON" VALUE="KLICK">
</FORM>
</BODY>
</HTML>
<BODY>
<FORM>
<INPUT TYPE="BUTTON" VALUE="KLICK">
</FORM>
</BODY>
</HTML>
- Submit: digunakan untuk memanggil url, setelah input selesai dimasukan
syntax : <HTML>
<BODY>
<TABLE>
<FORM ACTION="KIRIM.HTML" METHOD="POST">
<H3>FORM INI AKAN MENGIRIM ISI INPUT KE FILE KIRIM.HTML</H3>
<TR><TD>NAMA</TD><TD>:</TD><TD><INPUT TYPE="TEXT" NAME="NAMA">
<TR><TD>ALAMAT</TD><TD>:</TD><TD><INPUT TYPE="TEXT" NAME="ADDRESS">
<TR><TD>EMAIL</TD><TD>:</TD><TD><INPUT TYPE="TEXT" NAME="EMAIL">
<INPUT TYPE="SUBMIT" VALUE="KIRIM">
<INPUT TYPE="RESET" VALUE="HAPUS">
</FORM>
</TABLE>
</BODY>
</HTML>
- Password, digunakan untuk membuat inputan text yang berupa password dengan tampilan password pula
<BODY>
<TABLE>
<FORM ACTION="KIRIM.HTML" METHOD="POST">
<H3>FORM INI AKAN MENGIRIM ISI INPUT KE FILE KIRIM.HTML</H3>
<TR><TD>NAMA</TD><TD>:</TD><TD><INPUT TYPE="TEXT" NAME="NAMA">
<TR><TD>ALAMAT</TD><TD>:</TD><TD><INPUT TYPE="TEXT" NAME="ADDRESS">
<TR><TD>EMAIL</TD><TD>:</TD><TD><INPUT TYPE="TEXT" NAME="EMAIL">
<INPUT TYPE="SUBMIT" VALUE="KIRIM">
<INPUT TYPE="RESET" VALUE="HAPUS">
</FORM>
</TABLE>
</BODY>
</HTML>
- Password, digunakan untuk membuat inputan text yang berupa password dengan tampilan password pula
syntax : <HTML>
<BODY>
<TABLE>
<FORM ACTION="KIRIM.HTML" METHOD="POST">
<H3>FORM INI AKAN MENGIRIM ISI<BR> INPUT KE FILE KIRIM.HTML</H3>
<TR><TD>NAMA</TD><TD>:</TD><TD><INPUT TYPE="TEXT" NAME="NAMA">
<TR><TD>ALAMAT</TD><TD>:</TD><TD><INPUT TYPE="TEXT" NAME="ADDRESS">
<TR><TD>EMAIL</TD><TD>:</TD><TD><INPUT TYPE="TEXT" NAME="EMAIL">
<TR><TD>PASSWORD</TD><TD>:</TD><TD><INPUT TYPE="PASSWORD" NAME="PASS"><BR>
<INPUT TYPE="SUBMIT" VALUE="KIRIM">
<INPUT TYPE="RESET" VALUE="HAPUS">
</FORM>
</TABLE>
</BODY>
</HTML>
<BODY>
<TABLE>
<FORM ACTION="KIRIM.HTML" METHOD="POST">
<H3>FORM INI AKAN MENGIRIM ISI<BR> INPUT KE FILE KIRIM.HTML</H3>
<TR><TD>NAMA</TD><TD>:</TD><TD><INPUT TYPE="TEXT" NAME="NAMA">
<TR><TD>ALAMAT</TD><TD>:</TD><TD><INPUT TYPE="TEXT" NAME="ADDRESS">
<TR><TD>EMAIL</TD><TD>:</TD><TD><INPUT TYPE="TEXT" NAME="EMAIL">
<TR><TD>PASSWORD</TD><TD>:</TD><TD><INPUT TYPE="PASSWORD" NAME="PASS"><BR>
<INPUT TYPE="SUBMIT" VALUE="KIRIM">
<INPUT TYPE="RESET" VALUE="HAPUS">
</FORM>
</TABLE>
</BODY>
</HTML>
No comments:
Post a Comment