Page 66 - Modu Web Kelas XI
P. 66
61
Contoh penggunaan CSS :
<html>
<head><title>Membuat form bentuk cantik</title>
<style type="text/css">
<!--
INPUT {
background-color:#00FF00;
border-style:outset;
border-width: 2PX;
}
TEXTAREA {
background-color:#00FF00;
border-style:outset;
border-width: 2PX;
}
.TABLE {
border-style : solid;
border-color:#00FF00;
border-width: 1PX;
}
-->
</style></head>
<body>
<form name="form1" method="post" action="">
<table class="TABLE" width="350" border="0" cellspacing="0" cellpadding="3">
<tr align="left" bgcolor="#00FF00">
<th colspan="2" scope="col">Form Cantik </th>
</tr>
<tr>
<td width="81">Nama </td>
<td width="107">
<input name="nama" type="text" id="nama" size="25" maxlength="35"></td>
</tr>
<tr>
<td>Alamat</td>
<td><input name="alamat" type="text" id="alamat" size="25"
maxlength="35"></td>
</tr>
<tr>
<td>Email</td>
<td><input name="email" type="text" id="email" size="25"
maxlength="35"></td>
</tr>
<tr>
<td>Pesan</td>
<td> <textarea name="pesan" cols="25" rows="4" id="pesan"></textarea></td>
</tr>
<tr>
<td> </td>
Modul Pemrograman Web SMKN 2 Mojokerto