Form dalam HTML


Posting kali ini saya akan mencoba mengulas kembali materi HTML yaitu bagaiman caranya kita membuat Form dalam HTML.
langsung aja berikut scriptnya:
<form action=”” method=”post/get”>
<div style=”border:1px solid #666; width:400px; background:#FFF; margin:10px auto; padding:10px; font-family: Trebuchet MS, Tahoma, Sans; color:#666;”>
<table cellpadding=”5″>
<tr>
<td>

Nama Kalian :
</td>
<td>
<input type=”text” name=”nama” size=”25″ maxlength=”50″ />
</td>
</tr>
<tr>
<td>
Password :
</td>
<td>

<input type=”password” size=”25″ />
</td>
</tr>
<tr>
<td>
Hobi :
</td>
<td>
<input type=”checkbox” /> Baca<br /> <input type=”checkbox” /> Berenang
</td>

</tr>
<tr>
<td>
Pernah ke informatika11D.wordpress.com sebelumnya?
</td>
<td>
<input type=”radio” name=”pernahataubelum” value=”sudah” /> Sudah<br /><input type=”radio” name=”pernahataubelum” value=”belum” /> Belum
</td>
</tr>
<tr>

<td>
Mana yang kalian sukai?
</td>
<td>
<select name=”buah”>
<option>Duren
<option>Pisang
<option>Mangga
</select>
</td>
</tr>

<tr>
<td>
Ceritakan tentang diri kalian :
</td>
<td>
<textarea name=”deskripsi” rows=”10″ cols=”20″></textarea>
</td>
</tr>
<tr>
<td colspan=”2″ style=”text-align:center; height:25px;”>

<input type=”submit” value=”Kirim Data” />
<input type=”reset” value=”Reset” />
</td>
</tr>
</form>

4 Comments Add yours

  1. arman budiman mengatakan:

    ijin coba gan😀

    1. informatika11d mengatakan:

      Monggo silahkan..!!!

  2. Ping-balik: form | verarusida

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s