MEMBUAT FORM DENGAN CSS

Membuat form sederhana dengan menggunakan code HTML dan CSS untuk penggunaan database Mysql dan Bahasa Pemrograman PHP nya menyusul yah..
Oke sekarang siapkan Editor anda kalau saya memakai Bluefish editor
Nah berikut source code nya
Kode HTML :

001<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

002 

003<--@NewbieIlmu.wordpress.com-->

004<html>

005 

006  <head>

007 

008  <meta name="generator" content="Bluefish 2.0.3" >

009 

010  <title>Universitas Budi Luhur</title>

011 

012  <link href="budi1.css" rel="stylesheet" type=text/css>

013 

014  <link href="http://cdn2.iconfinder.com/data/icons/fugue/icon/hammer_screwdriver.png" rel="shortcurt icon" type="img/jpg" />

015 

016  </head>

017 

018  <body>

019 

020   <table align="center" bgcolor="#E0DADB" border="0" width="600" height="600">

021 

022   <tr><td
 class="header" colspan="3" valign="top"><center>Universitas 
Budi Luhur</center></td></tr>

023 

024   <tr><td class="navbar" colspan="3" ><center>Menu || Profil || About</center></td></tr>

025 

026   <tr><td class="left-sidebar" valign="top"></td>

027 

028       <td class="content-main" valign="top">

029 

030        <form id="formku" >

031 

032        <center>

033 

034        <fieldset>

035 

036         <h5><u>Formulir Pendaftaran Mahasiswa Baru</u>

037 

038          

039 

040         <p>

041 

042         <label>Nama &nbsp; &nbsp; </label>

043 

044         <input type="number" name="Nama" size="20" required="required">

045 

046         </p>

047 

048          

049 

050         <p>

051 

052         <label>TTL &nbsp; &nbsp; &nbsp;</label> 

053 

054         <input type="text" name="Nama" size="20" required="required">

055 

056         </p>

057 

058          

059 

060         <p>

061 

062         <label>Alamat &nbsp; &nbsp;</label> 

063 

064         <input type="text" name="Alamat" size="20" maxlength="25" required="required">

065 

066         </p>

067 

068          

069 

070         <p>

071 

072         <label>Telepon &nbsp; &nbsp; </label> 

073 

074         <input type="number" name="Nama" size="20" maxlength="12" required="required">

075 

076         </p>

077 

078          

079 

080         <p>

081 

082         <label>Agama &nbsp; &nbsp;</label> 

083 

084         <input type="text" name="Agama" size="20" required="required">

085 

086         </p> 

087 

088          

089 

090         <p> 

091 

092         <br><input name="Submit" type="submit" value="Submit" />

093 

094        </p>

095 

096         

097 

098        </center> 

099 

100        </fieldset>

101 

102        </form>

103 

104        

105 

106       </td>

107 

108       <td class="right-sidebar" valign="top" align="left"> </td>

109 

110    </tr>  

111 

112   <tr><td
 class="footer" bgcolor="#9C6774" 
colspan="3"><center>&copy;Anugrah Bagus 
Susilo</center></td></tr>

113 

114   </table>

115 

116  </body>

117 

118</html>

Kode CSS nya

`01`	`/* CSS Document */`

02

03

`04`	`/* -- Newbieilmu.wordpress.com-- */`

05 .header

06

07 {

08

`09`	`font-size:34px;`

10

`11`	`background-color:756E70;`

12

`13`	`color:#FFFFFF;`

14

`15`	`position:relative;`

16

`17`	`width:600;`

18

`19`	`height:70;`

20

21 }

22

23 .navbar

24

25 {

26

`27`	`width:600;`

28

`29`	`height:30;`

30

`31`	`background-color:#9C6774;`

32

33 }

34

`35`	`.left-sidebar`

36

37 {

38

`39`	`background-color:#756E70;`

40

`41`	`width:200;`

42

`43`	`height:450;`

44

45 }

46

`47`	`.content-main`

48

49 {

50

`51`	`background-color:#D1CBCC;`

52

`53`	`width:400;`

54

`55`	`height:450;`

56

57 }

58

`59`	`.right-sidebar`

60

61 {

62

`63`	`background-color:#756E70;`

64

`65`	`width:200;`

66

`67`	`height:450;`

68

69 }

70

71 }

72

73 .footer

74

75 {

76

`77`	`width:700;`

78

`79`	`height:50;`

80

`81`	`background-color:#756E70;*/`

82

83 }

BELAJAR BAHASA PEMOGRAMAN

Senin, 11 Juni 2012

MEMBUAT FORM DENGAN CSS

Tidak ada komentar:

Posting Komentar

Total Pengunjung

Pengikut