Panduan komputer blog n Style

02 Mei 2008

Membuat Formulir dengan HTML ( Bagian 2 )

Sebelumnya, saya sudah pernah mempostingkan cara membuat form dengan html (liat disini), tetapi saya sudah mendapat ilmu lagi jadi langsung saja saya share lewat blog :). Penambahan ini tidak banyak, saya hanya menambahkan password, browse picture, dan untuk meng-Evaluasi postingan sebelumnya.


Berikut ini adalah code-nya :



<form>
<table cellspacing="3" cellpadding="6">
<tr>

<td>Nama :</td>
<td><input type="text" name="nama" size="40"></td>
</tr>
<tr>
<td>Alamat :</td>
<td><input type="text" name="alamat" size="70"></td>
</tr>
<tr>
<td>Gender :</td>

<td><input type="radio" name="Gender">Laki-laki<br>
<input type="radio" name="Gender">Perempuan</td>
</tr>
<tr>
<td>Umur :</td>
<td><input type="text" name="age" size="2"></td>
</tr>
<tr>
<td>Berat Badan :</td>

<td><input type="text" name="berat" size="2"></td>
</tr>
<tr>
<td>Tinggi :</td>
<td><input type="text" name="high" size="2"></td>
</tr>
<tr>
<td>Hobby :</td>
<td><select name="Hobby">
<option value="Pilih Salah satu">Pilih Salah Satu
<option value="Olahraga">Olahraga</option>

<option value="Berbisnis">Berbisnis</option>
<option value="Internet/Komputer">Internet/Komputer</option>
<option value="Membaca Buku">Membaca Buku</option>
<option value="Religius">Religius</option>
<option value="Tidur">Tidur</option>
</select></td>
</tr>

<tr>
<td>Alasan :</td>
<td><textarea name="Alasan" rows="10" cols="60"></textarea></td>
</tr>
</table>
<hr>
<br>
<font color="#FF0000" size=""><left>Isi formulir berikut untuk sign in</left></font>

<table cellspacing="3" cellpadding="6">

<tr>
<td>Username :</td>
<td><input type="text" name="user"></td>
</tr>
<tr>
<td>E-mail :</td>
<td><input type="text" name="Email"></td>
</tr>
<tr>
<td>Password :</td>

<td><input type="password" name="pass1"></td>
</tr>
<tr>
<td>Re - Password :</td>
<td><input type="password" name="pass2"></td>
</tr>
<tr>
<td>Masukan Foto</td>
<td><input type="file" name="Foto"></td>
</tr>

<tr>
<td>Saya setuju</td>
<td><input type="checkbox" name="agree"></td>
</tr>
<tr>
<td><input type="submit" value="Submit"><input type="reset"></td>
<td></td>
</tr>
</table>
</form>




Dan hasilnya silahkan coba sendiri di rumah :)


*Untuk pertanyaan silahkan komen aja di bawah

0 yang Komen:

Posting Komentar