skip to main | skip to sidebar

A_Ris_Za

Mas'ud_Blogs
Universitas Neger Malang

My Flickr:

Rabu, 31 Maret 2010

Membuat Login Form Sederhana

MEMBUAT LOGIN FORM SEDERHANA

1. File CSS

<style type="text/css"><br />#apDiv1 {<br />position:absolute;<br />width:373px;<br />height:330px;<br />z-index:1;<br />left: 289px;<br />top: 136px;<br />background-color: #FFFFFF;<br />border: 2px solid Blue;<br />}<br />#apDiv3 {<br />position:absolute;<br />width:80px;<br />height:25px;<br />z-index:2;<br />left: 289px;<br />top: 274px;<br />}<br />.style3 {<br />font-size: 10px;<br />font-weight: bold;<br />}<br />#apDiv2 {<br />position:absolute;<br />width:412px;<br />height:115px;<br />z-index:2;<br />top: 0px;<br />left: 289px;<br />}<br />#header{<br />width:220px;<br />height:98px;<br />background-image: url();<br />top: 0px;<br />left: 289px;<br />}<br />#footer{<br />width:373px;<br />height:40px;<br />top: 0px;<br />left: 289px;<br />}<br />body {<br />background-image: url(gambar.jpg);<br />}<br /></style>

2. File PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><br /><br /><head><br /><br /><title>Form Administrator</title><br /><br /></head><br /><body><br /><?php if(($_POST['user']=='Arisza') AND ($_POST['pass']=='cuek')) { echo 'Selamat, Anda Telah Berhasil Login dengan User Name :'.$_POST['user']; echo 'Selamat Datang.. ' . $_POST['user']; } else { echo "<body text="'red'"><strong><center>Username atau Password Anda Salah...!<br /><br /><a href="'3.html'"><h4>Kembali Ke Login</h4></a></center></strong></body>";<br /><br />}<br /><br />?><br /><br /></body><br /></html>

3. File HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><br /><html><br /><head><br /><title>Form Login</title><br /><link rel="stylesheet" href="tugas.css" type="text/css"><br /></head><br /><body onload="document.form1.user.focus(); backgroundimage= "><br /><form name="form1" method="post" action="tugas.php"><br /><div id="apDiv1"><br /><div id="header"><br /></div><br /><div align="center"><br /><img src="3.gif" align="center" /><br /><div align="center"><strong><br />User Name :</strong><br /><input type="text" name="user" size="40" value="" style="background-color:#00FF00"><br /><strong>Password : </strong><br /><input type="password" name="pass" size="40" style="background-color:#00FF00"><br /><input type="submit" name="submit" value=" E N T E R " onclick="admin()"><br /><br /></div><br /></div><br /><div align="center" id="apDiv3"><br /></div><br /><div id="footer" align="center"><br /><br /></div><br /></div><br /></form><br /></body><br /></html><br /><br />

adapun tampilan dari Login Form sederhana ini adalah sebagai berikut :

Selamat Mencoba

Diposting oleh arisza di 08.34

Label: PTI478

0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)

About me

arisza: Nama lengkap saya Arisza Norma Jayantie, biasa dipanggil Icha. Saya lahir di Malang tanggal 12 November 1988. Hampir selama 19 tahun, saya tinggal di Kalimantan. Saya 3 bersaudara dan saya anak kedua. Dari TK sampai SMA,saya sekolah di Kalimantan,TK dan SD Tuntung Pandang Pelaihari,SMPN 1 Pelaihari, dan SMAN 1 Pelaihari. Saat ini saya kuliah di Universitas Negeri Malang, jurusan Pendidikan Teknik Informatika.

Lihat profil lengkapku

Labels

artikel (2)
PTI478 (3)

Blog Archive

▼ 2010 (3)
- ▼ Maret (3)

► 2009 (5)
- ► Mei (5)

Free Blog Templates

Free Blog Templates

A_Ris_Za| by Icons Supported by Design by Lecca|. Powered by Blogger| Subir