HTML – Membuat Form Input Biodata Sederhana

Setelah belajar mengenai bagian-bagian yang biasa digunakan dalam form pada postingan sebelumnya.

maka sekarang kita akan berusaha mempraktekan ilmu yang sudah kita pelajari kemarin.

berikut adalah contoh dari pembuatan form sederhana.

<html>
<head>
<table border=2 cellspacing=5 weight=500 height=100>
<font color=”red”>Tugas Kolom By mazipan</font><br><br>
Silahkan Isi Data Anda
<form>
<tr>
<td>Nama Lengkap</td>
<td><input type=text name=nama size=20></td>
</tr>
<tr>
<td>Password</td>
<td><input type=password name=pass></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td><input type=radio value=”lk” name=kel=20>Laki-laki<br>
<input type=radio value=”pr” name=kel=20>Perempuan<br></td>
</tr>
<tr>
<td>Alamat</td>
<td><textarea name=alamat rows=3 cols=30></textarea></td>
</tr>
<tr>
<td>Sudah Bayar ?</td>
<td><input type=checkbox name=bayar>Sudah</td>
</tr>
</table>
<input type=”submit” value=”Kirim” name=kirim>
<input type=”reset” value=”Reset” name=tolak>
</form>
</head>
</html>

Anda bisa menambahkan action pada button’nya sehingga bisa mengirimkan data tersebut.

namun karena coding diatas masih menggunakan HTML maka anda bisa memanfaatkan “LINK” untuk mengirimka data tersebut.

Coding diatas masih bisa anda kembangkan berdasarkan kreasi dan kebutuhan.

Semoga bermanfaat,

Be a good reader, leave your comment please.

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s