Selasa, 09 Maret 2010

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
Setiap jenis masukan dalam formulir mempunyai tag-tag sendiridengan masing-masing atributnya.

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>

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>

BUTTON


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.

PASSWORD



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

diposting oleh PEMROGRAMAN WEB @ 07.42   0 Komentar

0 Komentar:

Posting Komentar

Berlangganan Posting Komentar [Atom]

<< Beranda