Monday, February 18, 2013

Membuat Form Menggunakan HTML

Form digunakan agr user dapat berinteraksi dengan sistem.
Contoh form perhatikan tampilan di bawah ini

ENTRY NAMA DAN PASSWORD

NAMA
PASSWORD

Untuk membuat form di atas, baris programnya adalah sebagai berikut:
<HTML>
<BODY>

ENTRY NAMA DAN PASSWORD<br />
<form name="isian">
<br />
NAMA<input name="namaku" type="text" /><br />
PASSWORD<input name="passwordku" type="text" /><br />
<input name="simpan" type="submit" value="simpan" /><input name="clear" type="RESET" value="Bersih" />
</BODY>
</HTML>

Penjelasan baris program di atas:
1. <FORM NAME="ISIAN">
     NAME pada elemen form digunakan untuk memberi nama form. contoh nama form di atas adalah ISIAN.
2. <INPUT NAME="NAMAKU" TYPE="TEXT" />
   Input digunakan untuk elemen input pada form, TYPE digunakan memilih jenis elemen input.
   NAME digunakan untuk memberi nama elemen input.
   terdapat elemen input : TEXT,SUBMIT, RADIO, RESET,CHECKBOX, HIDDEN,PASSWORD.
3. <INPUT  NAME="SIMPAN" TYPE="SUBMIT" VALUE="SIMPAN">
    VALUE digunakan untuk menampilkan label pada elemen input.

Untuk mempercantik tampilan form anda bisa mengkombinasikannya dengan menggunakan table.
Perhatikan tampilan form di bawah ini:

ENTRY NAMA DAN PASSWORD
NAMA
PASSWORD

Untuk membuat form di atas, berikut baris programnya:
<HTML>
<BODY>

ENTRY NAMA DAN PASSWORD<br />
<form name="isian">
<table>
<tbody>
<tr>
<td>NAMA</td><td><input name="namaku" type="text" /></td>
</tr>
<tr>
<td>PASSWORD</td><td><input name="passwordku" type="text" /></td>
</tr>
<tr>
<td><input name="simpan" type="submit" value="simpan" /></td><td><input name="clear" type="RESET" value="Bersih" /></td>
</tr>
</tbody></table>
</BODY>
</HTML>

***SELAMAT MENCOBA****

No comments:

Post a Comment