HTML Dasar Part 6 Membuat Formulir ~ Rudi Hartoyo

FORM (FORMULIR)

Hmmm,,...

sekarang kita akan belajar cara mendesain formulir dengan HTML..
Tag yang digunakan :

-Size : Ukuran form text

-Maxlength : Panjang Karakter yang diinputkan

-Type terbagi :

a.Text

b.Submit--> Tombol proses

c.Reset -->Tombol Hapus

d.Radio -->Pilihan

e.Checkbox-->Centang

f. Password -->sandi

-Text area

-Select
Tag-tag inilah yang akan kita gunakan nantinya..
disini saya akan memberi satu contoh yang bisa anda coba nantinya...
ini contohnya:

silahkan isi data diri anda dibawah ini

User Name	:
Email	:
Password	:
Nama	:
TTL	:
Alamat	:
Jenis Kelamin	:	Pria Wanita
AGama	:
Hobby	:	sport makan Tidur

Terima kasih telah Mengisi data diri Anda Secara Benar

ini sintax dan tag yang digunakan....
<body>

<form action="info.html" method="post">

<hr color="#FF0000"><marquee direction="left" bgcolor="liat"><b> silahkan isi data diri anda dibawah ini</b> </marquee><hr color="#FF0000">

<table border=0>

<tr>

<td>User Name</td>

<td>:</td>

<td><input type="text" Name="user name" size=30 maxlenght=30></td>

</tr>

<tr>

<td>Email</td>

<td>:</td>

<td><input type="text" Name="Email" size=30 maxlenght=30></td>

</tr>
<tr>

<td>Password</td>

<td>:</td>

<td><input type="password" Name="pass" size=30 maxlenght=30></td>

</tr>
<tr>

<td>Nama</td>

<td>:</td>

<td><input type="text" Name="Nama" size=30 maxlenght=30></td>

</tr>

<tr>

<td>TTL</td>

<td>:</td>

<td><input type="text" Name="TTL" size=30 maxlenght=30></td>

</tr>
<tr>

<td>Alamat</td>

<td>:</td>

<td><Textarea Name="komentar" size=30 maxlenght=30 cols=30 rows=5 wrap> </textarea></td>

</tr>
<tr>

<td>Jenis Kelamin</td>

<td>:</td>

<td><input type="Radio" Name="JK" value="a">Pria

<input type="Radio" Name="JK" value="a">Wanita</td>

</tr>
<tr>

<td>AGama</td>

<td>:</td>

<td><Select Name="Agama">

<option Value="a">Islam

<option Value="b">Kristen

<option Value="c">Budha

<option Value="d">hindu</td>

</tr>
<tr>

<td valign="top">Hobby</td>

<td valign="top">:</td>

<td><input type="checkbox" Name="hobby" value="a">sport<br>

<input type="checkbox" Name="hobby" value="b">makan<br>

<input type="checkbox" Name="hobby" value="c">Tidur<br></td>

</tr>

<tr></tr>

<tr>

<td></td>

<td colspan=3><input type="submit" value="sign up">

<input type="reset" value="Reset"></td>

</tr>

</table>
<hr color="#FF0000"><marquee direction="left" bgcolor="liat"><b> Terima kasih telah Mengisi data diri Anda Secara Benar</b></marquee><hr color="#FF0000">
</body>

Selamat Mencoba.....

About Admin

This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.

Rudi Hartoyo

HTML Dasar Part 6 Membuat Formulir

FORM (FORMULIR)

About Admin

Related Post