95
htmlml
7. Form daftar.php
htDOCTYPE html PUBLIC -W3CDTD XHTML 1.0 TransitionalEN http:www.w3.orgTRxhtml1DTDxhtml1-transitional.dtd
html xmlns=http:www.w3.org1999xhtml head
meta http-equiv=content-type
content=texthtml; charset=utf-8
meta http-equiv=content-language content=cs meta name=robots content=all,follow
meta name=author
content=All: ...
[Nazev webu
- www.url.cz]; e-mail: infourl.cz
meta name=copyright content=DesignCode: Vit Dlouhy [Nuvio - www.nuvio.cz]; e-mail: vit.dlouhynuvio.cz
titleIkatan Mahasiswa kristen Teknik Informatikatitle meta name=description content=...
meta name=keywords content=...
link rel=index href=. title=Home link
rel=stylesheet media=screen,projection
type=textcss href=cssmain.css link
rel=stylesheet media=print
type=textcss href=cssprint.css
link rel=stylesheet
media=aural type=textcss
href=cssaural.css style type=textcss
Universitas Sumatera Utara
96
-- .style1 {font-size: 18px}
.style2 {color: 000000} --
stylehead
body id=www-url-cz
-- Main -- div id=main class=box
-- Header -- div id=header
-- Logotyp --
hr class=noscreen
-- Quick links -- div class=noscreen noprint
pemQuick links: a href=contentcontenta, a href=tabsnavigationa,
a href=searchsearcha.emp
hr div
-- Search -- div id=search class=noprint
form action= method=get fieldsetlegendSearchlegend
Universitas Sumatera Utara
97
labelspan class=noscreenFind:span span id=search-input-outinput type=text
name= id=search-input size=30 spanlabel input
type=image src=designsearch_submit.gif id=search-submit value=OK
fieldset form
div -- search --
div -- header --
-- Main menu tabs -- div id=tabs class=noprint
h3 class=noscreenNavigationh3 ul class=box
lia href=index.phpHomespan
class=tab- lspanspan class=tab-rspanali -- Active --
lia href=profil.phpProfilspan class=tab- lspanspan class=tab-rspanali
lia href=acara.phpAcaraspan
class=tab- lspanspan class=tab-rspanali
lia href=galery.phpGaleryspan class=tab- lspanspan class=tab-rspanali
lia href=kontak.phpContactspan class=tab- lspanspan class=tab-rspanali
lia href=about.phpAbout Mespan class=tab- lspanspan class=tab-rspanali
li id=activea href=daftar.phpDaftarspan class=tab-lspanspan class=tab-rspanali
ul
hr class=noscreen
Universitas Sumatera Utara
98
div -- tabs --
-- Page 2 columns -- div id=page class=box
div id=page-in class=box
div id=strip class=box noprint
-- RSS feeds -- hr class=noscreen
-- Breadcrumbs -- p
id=breadcrumbsYou are
here: a
href=profil.phpaa href=adrt.phpDaftarap hr class=noscreen
div -- strip --
-- Content -- div id=content
-- Article -- div class=article
h2Pendaftaran Anggotah2 p class=info noprintnbsp;p
form id=form1 name=form1 method=post action=proses_daftar.php enctype=multipartform-data
pspan class=style1span
class=style2Silahkan Isi Data Diri Andaspanspanp pnbsp;p
Universitas Sumatera Utara
99
center table width=100 border=0 cellpadding=5
tr tdNama Lengkaptd
td:td tdlabel
input name=nm_lengkap
type=text id=nm_lengkap
labeltd tr
tr tdNama Panggilantd
td:td tdlabel
input name=nm_panggilan
type=text id=nm_panggilan
labeltd tr
tr tdAngkatantd
td:td tdlabel for=angkatanlabel
select name=angktan id=angktan class=required
option value=- Pilih -option option value=19931993option
option value=19941994option option value=19951995option
option value=19961996option option value=19971997option
Universitas Sumatera Utara
100
option value=19981998option option value=19991999option
option value=20002000option option value=20012001option
option value=20022002option option value=20032003option
option value=20042004option option value=20052005option
option value=20062006option option value=20072007option
option value=20082008option option value=20092009option
option value=20102010option option value=20112011option
option value=20122012option option value=20132013option
option value=20142014option option value=20152015option
selecttd tr
tr tdAlamat Orangtuatd
td:td tdtextarea name=alamat_ortu rows=3
id=alamat_ortutextareatd tr
tr tdAlamat Sekarang Kostd
td:td
Universitas Sumatera Utara
101
tdtextarea name=alamat_skarang rows=3 id=alamat_skarangtextareatd
tr tr
tdNo.HPNo.Telepontd td:td
tdinput name=no_hp
type=text id=no_hp td
tr tr
tdEmailtd td:td
tdinput name=email
type=text id=email td
tr tr
tdPhototd td:td
tdlabel input
type=file name=photo
id=textfield labeltd
tr tr
tdnbsp;td tdnbsp;td
tdnama foto harus sesuai namatd tr
tr tdnbsp;td
tdnbsp;td
Universitas Sumatera Utara
102
td.jpg , .jpeg , .gif , .png , .bmptd tr
tr td height=19 colspan=3label
input type=submit
name=daftar id=daftar value=Daftar
labeltd tr
table center
form pnbsp;p
div -- article --
hr class=noscreen
div -- content --
-- Right column -- div id=col class=noprint
div id=col-in
-- About Me -- h3spana
href=about.phpAbout Measpanh3
div id=about-me pimg src=designa.jpg id=me alt=Yeah,
it´s me
Universitas Sumatera Utara
103
strongObi Chandrastrongbr Age: 21br
Medan, Sumutbr a
href=https:www.facebook.comchandra.allProfile on
Facebookap div -- about-me --
hr class=noscreen
-- Category -- h3 spanCategoryspanh3
ul id=category li
id=category-activea href=adrt.phpDaftar ali
lia href=profilimkristi.phpProfilali
lia href=profil.phpProfilali lia href=acara.phpAcaraali
lia href=about.phpAbout Meali lia href=galery.phpGaleryali
ul
hr class=noscreen hr class=noscreen
-- Links -- h3spanLinks Alternatifspanh3
ul id=links
Universitas Sumatera Utara
104
lia href=index.phpBerandaali lia href=profil.phpProfilali
lia href=galery.phpGaleryali lia href=about.phpAbout Meali
lia href=kontak.phpContactali ul
hr class=noscreen
div -- col-in -- div -- col --
div -- page-in -- div -- page --
-- Footer -- div id=footer
div id=top
class=noprintpspan class=noscreenBack on topspan a href=header title=Back
on top spanspanapdiv hr class=noscreen
p id=createdbycreated by a href=obi aruan| Webdesigna -- DON´T REMOVE, PLEASE --p
p id=copyrightcopy;
2016 a
href=mailto:chandra_obiyahoo.comAruanap div -- footer --
div -- main --
body
Universitas Sumatera Utara
105
htmlml
8. Form Admin home.php