Minggu ke-5
Jenis-Jenis Masukan Dalam Form
- Text,digunakan untuk memasukan suatu nilai untuk dikirimkan kepada server, nilai yang dimasukan dapat berupa angka ataupun teks
- Radio, menyediakan beberapa pilihan, hanya dapat memilih satu dari pilihan yang dipilih
- Check Box, menyediakan beberapa pilihan, bisa lebih dari satu pilihan yang dipilih
- List, menyediakan pilihan dalam bentuk list pilihan, pilihan yang dipilih dapat lebih dari satu
- Button, digunakan untuk mendefinisikan tombol untuk melakukan pemrosesan form, Ada bermacam-macam button
- Submit: digunakan untuk memanggil url, setelah input selesai dimasukan
- Reset: digunakan untuk menginisialisasi setiap elemen form
- Button: digunakan untuk membuat form lebih interaktif, untuk memanggil script yang ada dalam file html
- Image, digunakan sebagai pengganti button, berupa button yang berbentik gambar
- Text area, dugunakan untuk memasukan datadalam bentuk teks berupa memo
INPUT TEXT
code htmlnya:
<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>
</BODY>
</HTML>
CHECKBOX
code htmlnya:
<HTML>
<HEAD><TITLE>INPUT TEXT</TITLE></HEAD>
<BODY>
<FORM>
BAND KESUKAAN SAYA
<INPUT TYPE="CHECKBOX" NAME="JRS">J-ROCKS
<BR>
<INPUT TYPE="CHECKBOX" NAME="PETR">PETERPAN
</FORM>
</BODY>
</HTML>
code htmlnya:
<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>
STATUS:<BR>
<INPUT TYPE="RADIO" CHECKED NAME="STAT">LAJANG
<BR>
<INPUT TYPE="RADIO" CHECKED NAME="STAT">MENIKAH
</FORM>
</BODY>
</HTML>
code htmlnya:
<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>
code htmlnya:
<HTML>
<BODY>
<FORM>
<INPUT TYPE="BUTTON" VALUE="KLICK">
</FORM>
</BODY>
</HTML>
code htmlnya:
<HTML>
<BODY>
<FIELDSET>
<LEGEND>
INFORMASI KESEHATAN:
</LEGEND>
<FORM>
TINGGI<INPUT TYPE="TEXT" SIZE="5">
BERAT<INPUT TYPE="TEXT" SIZE="5">
</FORM>
</FIELDSET>
</BODY>
</HTML>
code htmlnya:
<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>
JIKA PADA TAG METHOD DIISI OLEH POST MAKA SEMUA DATA YANG DITULIS TIDAK AKAN TERBUKA PADA BAGIAN HALAMAN URL SEDANGKAN JIKA DIISI OLEH GET MAKA PADA JENDELA URL AKAN DITULISKAN DATA YANG DITULIS.
code htmlnya:
<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>
Untuk membuat password kita tinggal mengubah pada tipe input menjadi PASSWORD
<HEAD><TITLE>INPUT TEXT</TITLE></HEAD>
<BODY>
<FORM>
BAND KESUKAAN SAYA
<INPUT TYPE="CHECKBOX" NAME="JRS">J-ROCKS
<BR>
<INPUT TYPE="CHECKBOX" NAME="PETR">PETERPAN
</FORM>
</BODY>
</HTML>
RADIO
code htmlnya:
<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>
STATUS:<BR>
<INPUT TYPE="RADIO" CHECKED NAME="STAT">LAJANG
<BR>
<INPUT TYPE="RADIO" CHECKED NAME="STAT">MENIKAH
</FORM>
</BODY>
</HTML>
INPUT DROPDOWN
code htmlnya:
<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>
code htmlnya:
<HTML>
<BODY>
<FORM>
<INPUT TYPE="BUTTON" VALUE="KLICK">
</FORM>
</BODY>
</HTML>
FIELDSET
code htmlnya:
<HTML>
<BODY>
<FIELDSET>
<LEGEND>
INFORMASI KESEHATAN:
</LEGEND>
<FORM>
TINGGI<INPUT TYPE="TEXT" SIZE="5">
BERAT<INPUT TYPE="TEXT" SIZE="5">
</FORM>
</FIELDSET>
</BODY>
</HTML>
SUBMIT
code htmlnya:
<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>
JIKA PADA TAG METHOD DIISI OLEH POST MAKA SEMUA DATA YANG DITULIS TIDAK AKAN TERBUKA PADA BAGIAN HALAMAN URL SEDANGKAN JIKA DIISI OLEH GET MAKA PADA JENDELA URL AKAN DITULISKAN DATA YANG DITULIS.
code htmlnya:
<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>
Untuk membuat password kita tinggal mengubah pada tipe input menjadi PASSWORD
0 Komentar:
Posting Komentar
Berlangganan Posting Komentar [Atom]
<< Beranda