Membuat form dan tabel jadi satu
Pada kesempatan kali ini saya akan membagikan sebagian dari ilmu yang telah saya pelajari di mata kuliah pemorgraman berbasis WEB pada semester ini.pemrograman yang akan saya bahas di sini adalah pemorgraman berbasis web.Aplikasi yang saya gunakan adalah Notepad++, untuk aplikasi Notepad++ saudara tidak perlu untuk download lagi karna aplikasi Notepad++ ini udah bawahan dari laptop.ok langsung saja kita membuat tabel dan form jadi satu. untuk membuat tabel dan form jadi satu kita membutukan kode-kode seperti berikut.
Pembuka
Dalam Html kita harus menghafalkan kode-kode atau mengerti fungsi-fungsi kode.
<html>
<head><title>form table NIZYU</title>
<style>
body{
background-color: #be8b8b;
</style>
</head>
<body style="background-color:gray">
<center><H1 style="color:green;font-weight:bold;font-size:40px;" >MY PROFIL</H1>
<center>
<form action="" method="post">
<table border='2' style="border-color:white;">
<tr>
<td style="color:blue;font-weight:bold;font-size:20px;" >NAMA</td>
<td> <input type="text" name="nama" placeholder=""></td>
</tr>
<tr>
<td style="color:red;font-weight:bold;font-size:20px;" >NIM</td>
<td> <input type="text" name="tlp" placeholder=""></td>
</tr>
<tr>
<td style="color:green;font-weight:bold;font-size:20px;" >JENIS KELAMIN</td>
<td>
<input type="radio" name="jkel" >Laki-Laki<br>
<input type="radio" name="jkel" >Perempuan
</td>
</tr>
<tr>
<td style="color:blue;font-weight:bold;font-size:20px;" >HOBY</td>
<td>
<input type="checkbox" name="1" >Membaca<br>
<input type="checkbox" name="2" >Berenang<br>
<input type="checkbox" name="3" >Dengarkan Musik<br>
<input type="checkbox" name="3" >Facebook-an<br>
<!--baris baru-->
</td>
</tr>
color="red"
style="color:red;"
-->
<tr>
<td style="color:green;font-weight:bold;font-size:20px;" >MY Photo</td>
<td> <input align='right' type=file name=upload size=20></td>
</tr>
<tr>
<td style="color:red;font-weight:bold;font-size:20px;" >TENTANGKU</td>
<td> <textarea rows ="5" name="s1" cols="20"></textarea><br/>
</tr>
<tr>
<td colspan=2>
<input type="submit" name="submit" value="Simpan">
<inputtype="reset" name="reset" value="Reset">
</td>
</tr>
</table>
</form>
</center>
</body>
</html>
udah selesai kode-kodenya sekarang waktunya kita jalangkan untuk melihat hasilnya. kalo kode-kodenya udah benar maka hasilnya akan seperti gambar berikut ini
nah di tabel dan form ini saya mengisi seperti gambar yang di atas, dan saya megisi warna yang berbeda-beda seperti gambar di atas mungking teman-teman bisah ganti.
Oke sekian ilmu yang saya bagikan pada kali ini.
Mohon maaf bila sebelumnya ada kata kata yang sulit dimengerti, jika ada yang kurang paham, silahkan tanyakan di kolom komentar. Terima Kasih atas perhatiannya.
Oke sekian ilmu yang saya bagikan pada kali ini.
Mohon maaf bila sebelumnya ada kata kata yang sulit dimengerti, jika ada yang kurang paham, silahkan tanyakan di kolom komentar. Terima Kasih atas perhatiannya.
Selamat Mencoba !
ConversionConversion EmoticonEmoticon