Tidak semua yang saya tulis dalam CERPEN adalah saya :)

Welcome to my Blog... Blog ini mengenai tugas kuliah, cerpen, artikel dan beberapa hal tentang saya dan hobi saya :) boleh COPAS, tapi izin dulu yaa, jangan rendahkan dirimu sebagai pelagiat. Terima kasih :)

Rabu, 04 Januari 2012

Praktikum Internet : Form

Tabel seperti yang kalian tahu terdiri dari kolom dan baris. Pada tabel data-data dimasukkan dalam kombinasi antara kolom dan baris tertentu. Beberapa baris dan kolom dari tabel bisa digabungkan untuk membuat tampilan yang sesuai dengan kebutuhan data kita. Pada html semua itu dapat dilakukan, namun tentunya kita harus mengetahui terlebih dahulu bahan-bahan apa saja yang diperlukan untuk meracik sebuah tabel. Untuk meracik sebuah tabel kita akan membutuhkan bahan-bahan sebagai berikut, <table>, <tr>, dan <td>.
Berikut tampilan tugas Praktikum Internet, latihan form pada HTML :

<html>
<body>
<table border="2" width="" cellpadding="2">
<tr>
<td colspan="2"><center><h3>DATA SISWA</h3></td>
</tr>
<tr>
<td>Nama Lengkap </td>
<td><input type="text" size="35"> </td>
</tr>
<td>Nama Panggilan </td>
<td><input type="text" size="35"> </td>
</tr>
<td>Agama </td>
<td><select name="Agama">
</option><option>Islam
</option><option>Kristen
</option><option>Hindu
</option><option>Budha
</option><option>Katolik
</option></select>
</tr>
<td>Jenis Kelamin </td>
<td><select name="jenis kelamin">
</option><option>Perempuan
</option><option>Laki-laki
</option></select>
</tr>
<td><br>Alamat<br><br></td>
<td><textarea name="deskripsi" rows="4" cols="27"></textarea>

<tr>
</tr>
<td>Hobby </td>
<td><input type="radio" name="favorit" value="Membaca"> Membaca
<input type="radio" name="favorit" value="Menulis"> Menulis
<input type="radio" name="favorit" value="Menyanyi"> Menyanyi
</tr>
<td>Makanan Favorit </td>
<td><input type="checkbox"> Soto
<input type="checkbox"> Bakso
<input type="checkbox"> Nasi Goreng
</tr> 
<td><input type="submit" name="save" value="Submit"></td>
<td><input type="submit" name="save" value="Reset">
</tr>
</table>
</body>
</html>

Tidak ada komentar:

Posting Komentar

Berikan Komentar Anda, Terima kasih :)