Praktikum 4

Posted: 1 Juli 2013 in Praktikum PeWeb

Pre Test 4

1. Apa itu form  frame ?

2. Sebutkan elemen form!

Jawaban :

1. Form : cara yang sangat populer untuk membuat sebuah web menjadi interaktif. Form pada web memungkinkan user untuk memasukkan informasi yang diminta pada service yang disediakan.

Frame : berhubungan dengan pengaturan bingkai sebagai pembentuk jendela tampilan pada browser. Sehingga jendela browser dapat dibagi menjadi beberapa frame ( yaitu secara vertical, horizontal dan kombinasi dari vertical dan horizontal).

2. Elemen form:

a. input

b. select

c. text area

 

Post Test 4

cats

 

Source Kode HTMLnya :

<html>
<head>
<title>Praktikum 4</title>
</head>
<body>
<table border=”0″ cellspacing=”4″ width=”100″><align=”left”>
<form>
<tr>
<td colspan=”3″><p align=”center”>BIODATA</p></td>
</tr>
<tr>
<td>Nama</td>
<td>:</td>
<td><input type=”text” name=”nama_lengkap” placeholder=”Nama Lengkap Anda” required></td>
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td><input type=”password” name=”paswotmu” placeholder=”Isikan passwotmu” required></td>
</tr>
<tr>
<td>Gender</td>
<td>:</td>
<td><input type=”radio” name=”jk” value=”male”> Male
<input type=”radio” name=”jk” value=”female”> Female</td>
</tr>
<tr>
<td>Hobi<br><br><br></td>
<td>:<br><br><br></td>
<td><input type=”checkbox” name=”hoby” value=”futsal”>Futsal<br>
<input type=”checkbox” name=”hoby” value=”renang”>Renang<br>
<input type=”checkbox” name=”hoby” value=”catur”>Catur</td>
</tr>
<tr>
<td>Pekerjaan</td>
<td>:</td>
<td><select name=”kerja”>
<option value=”mahasiswa”>Mahasiswa</option>
<option value=”pengangguran”>Nganggur</option>
</select></td>
</tr>
<tr>
<td>Pesan<br><br></td>
<td>:<br><br></td>
<td><textarea name=”keterangan” placeholder=”Isi Pesan”></textarea></td>
</tr>
<tr>
<td></td>
<td></td>
<td><input type=”submit” value=”simpan” name=”simpan”>
<input type=”reset” value=”reset”></td>
</tr>

</form>
</td>
</tr>
</table>
</body>
</html>  😀

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