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
   61   62   63   64   65   66   67   68   69