table, html & css

<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel=”stylesheet” type=”text/css” href=”utama2.css” />
</head>
<body>
<h2>CARA 1</h2>
<form id=”form_utama” action=” ” method=””>
<fieldset>
<caption>FORM PENGUNJUNG</caption> <br />

Nama
:

</div>

Alamat
:

<input type=”text” name=”nama” id=”nama” /><br />
Telp : <input type=”text” name=”nama” id=”nama” /><br />

<input type=”submit” id=”submit_form” value=”MASUKKAN”/>
<input type=”reset” id=”batal_form” value=”BATAL”/>
</fieldset>
</form>

<h2>CARA 2</h2>
<form id=”form_utama” action=” ” method=””>
<fieldset>
<caption>FORM PENGUNJUNG</caption> <br />
<table>
<tr>
<th>Nama</th>
<td>:</td>
<td><input type=”text” name=”nama” id=”nama” /></td>
</tr>
<tr>
<th>Alamat</th>
<td>:</td>
<td><input type=”text” name=”nama” id=”nama” /></td>
</tr>

<tr>
<th>Telp</th>
<td>:</td>
<td><input type=”text” name=”nama” id=”nama” /></td>
</tr>

</table>

<input type=”submit” id=”submit_form” value=”MASUKKAN”/>
<input type=”reset” id=”batal_form” value=”BATAL”/>
</fieldset>
</form>

<footer>
<p>&copy;2016 webhozz</p>
</footer>
</div>
</body>
</html>

 

css.

body, #main ul, #main li, h1{
margin:0;
padding:0;
}

body{
background: #eee;
}

#container{
font-family: Arial;
margin : 0 10px;
}

#main li {
list-style: none;
height:40px;
background: #ffffff;
margin-bottom: 0.2em;
line-height: 40px;

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

border : 1px solid #999;

text-align: center;
}

#main li a{
color:#333333;
font-weight: bold;
margin-left: 1em;
text-decoration: none;

}
header, footer{
display: block;
text-align: center;
}

/*halaman form.html*/
table {
border-collapse: collapse;
background-color: #4CAF50;
width: 100%;
}

th, td {
text-align: left;
padding: 8px;
}

th {
background-color: #4CAF50;
color: white;
}

.bungkus{
margin-bottom: 15px;
background-color: #4CAF50;
}
.label{
width:75px;
float: left;

}
.titik_dua{
width:5px;
float: left;

}

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s