width: 940px; height: 50px;
background: 76b852; fallback for old browsers background:
-webkit-linear-gradientright, 76b852, 8DC26F;
background: -moz-linear-gradientright, 76b852, 8DC26F; background: -o-linear-gradientright, 76b852, 8DC26F;
background: linear-gradientto left, 76b852, 8DC26F; font-family: Roboto, sans-serif;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
color: white; text-align: center;
font-family: lato; font-size: 20px;
line-height: 30px; margin: 0 auto;
}
20. Index.html DOCTYPE html PUBLIC -W3CDTD XHTML 1.0 TransitionalEN
http:www.w3.orgTRxhtml1DTDxhtml1-transitional.dtd html xmlns=http:www.w3.org1999xhtml dir=ltr lang=enhead
profile=http:gmpg.orgxfn11 meta http-equiv=Content-Type content=texthtml; charset=utf-8
titleExample 1title meta name=description content=Computer tips, tricks en tutorials voor de
gevorderde computer gebruikers. meta name=keywords content=computerfaq, leren, handleidingen, programmeren,
php, webdevlopment, scripting, handleidingen script type=textjavascript src=jsjquery.jsscript
script type=textjavascript src=jsdropmenu.jsscript script
document.readyfunction{
nav-one.dropmenu; };
script link rel=stylesheet id=smthemenewprint-css href=dropmenu.css
type=textcss head
Universitas Sumatera Utara
body ul id=nav-one class=dropmenu
li a href=Tutorialsa
div class=tutorials ul class=left
lia href=Javascripthhhhhhhhhhhhhhhhhhhhhali
lia href=Pythonali lia href=PHPali
ul div
li ul
html 21. Edit Data Penduduk
?php session_start; Memulai Session
if ISSET_SESSION[username] {
? html
head
titleEDIT Data Penduduktitle style type=textcss
body{background:ebebeb; font-family:Arial;color:fff;} login{
color:fff; width:340px;
padding:20px; margin:60px auto;
border:2px solid fff; border-radius:5px;
-moz-border-radius:5px; -webkit-border-radius:5px;
-o-border-radius:5px; background: -webkit-linear-gradient0066CC, 5EACFB;
For Safari 5.1 to 6.0
Universitas Sumatera Utara
background: -o-linear-gradient0066CC, 5EACFB; For Opera 11.1 to 12.0
background: -moz-linear-gradient0066CC, 5EACFB; For Firefox 3.6 to 15
background: linear-gradient0066CC, 5EACFB; Standard syntax
} input{
padding:4px; }
.tombol{ padding:4px 10px;
background:urlimagesbgmenu.gif repeat-x; text-decoration:none;
border-radius:5px; -moz-border-radius:5px;
-webkit-border-radius:5px; -o-border-radius:5px;
color:fff; margin:5px;
} .tombol:hover{
background:706157; }
.th{ background:urlimagesbgmenu.gif repeat-x;
color:fff; border:1px solid fff;
} table{margin:0;}
style head
body div id=login
?php
include..koneksi.php; id=_GET[id];
echo form method=post action=update_datapenduduk.php?id=id ; query=SELECT FROM `tbl_penduduk` WHERE id=id;
eksekusi=mysql_queryquery; data=mysql_fetch_arrayeksekusi; ?
form method=POST action=update_penduduk.php?id=id table width=100 cellpadding=4px align=center
Universitas Sumatera Utara
tr th class=th colspan=2Edit Data Pendudukth
tr tr
tr tr
tdID Pendaftartd td?php echo data[id]; ?td
tr tr
tdTanggal Pendaftartd td?php echo data[tanggal_daftar];
?td tr
tr tdNama Lengkaptd
tdinput type=text name=nama value=?php echo data[nama]; ? td
tr tr
tdNIKtd tdinput type=number name=nik
value=?php echo data[nik]; ?td tr
tr tdJenis Kelamintd
td select name=jenis_kelamin
option value=?php echo data[jenis_kelamin]; ??php echo data[jenis_kelamin]; ?option
option value=Laki-lakiLaki-lakioption option
value=PerempuanPerempuanoption select
tr tdAgamatd
td
Universitas Sumatera Utara
select name=agama option value=?php echo data[agama];
??php echo data[agama]; ?option option value=IslamIslamoption
option value=Kristen KatolikKristen Katolikoption
option value=Kristen ProtestanKristen Protestanoption
option value=HinduOoption option value=BudhaBudhaoption
option value=Lain-lainlain-lainoption select
trtdStatustdtd select name=status
option value=?php echo data[status]; ??php echo data[status]; ?option
option value=MenikahMenikahoption option value=Belum MenikahBelum
Menikahoption select
trtdGolongan Darahtdtd select name=golongan_darah
option value=?php echo data[golongan_darah]; ??php echo data[golongan_darah]; ?option
option value=AAoption option value=BBoption
option value=ABABoption option value=OOoption
select tr
tdPekerjaantd tdinput type=text name=pekerjaan
value=?php echo data[pekerjaan]; ?td tr
tr tdKotatd
tdinput type=text name=kota value=?php echo data[kota]; ?td
tr
Universitas Sumatera Utara
tr tdAlamattd
tdinput type=text name=alamat value=?php echo data[alamat]; ?td
tr tr
tdKelurahantd tdinput type=text name=kelurahan
value=?php echo data[kelurahan]; ?td tr
tr tdKecamatantd
tdinput type=text name=kecamatan value=?php echo data[kecamatan]; ?td
tr tr
tdRTtd tdinput type=number name=rt
value=?php echo data[rt]; ?td tr
tr tdRWtd
tdinput type=number name=rw value=?php echo data[rw]; ?td
tr tr
tdNo Telepontd tdinput type=text name=telepon
value=?php echo data[telepon]; ?td tr
tr tr
tdnbsp;td
Universitas Sumatera Utara
td align=rightinput class=tombol type=submit value=SIMPANtd
tr tr
tdnbsp;td td align=rightinput class=tombol type=reset
value=RESETtd tr
table form
div body
html ?php
} else
headerlocation: login.php; ?
22. Edit Kartu Keluarga ?php