Pemrograman HTML

-


<!DOCTYPE HTML>
<html>
<body>
<table rules="rows" style="center;color:black">
<tr>
  <td><p style="color:blue">KEANGGOTAAN<p></td>
</tr>

<tr>
  <td>Pencarian Anggota:
  <input type="search" name="Pencarian Anggota">
  <input type="submit" value="PENCARIAN"></td>
  <td><input type="submit" value="DAFTAR ANGGOTA"></td>
  <td><input type="submit" value="LIHAT ANGGOTA YANG KEDALUWARSA"></td>
  <td><input type="submit" value="TAMBAH ANGGOTA"></td>
</tr> 
</table>
<table bgcolor="gray" border="0">
<tr>
<th><input type="submit" value="SIMPAN"></th>
</tr>

<table rules="rows" style="center;color:black">
<tr>
  <td>ID Anggota*</td>
  <td>:</td>
  <td><input type="text"></td>
</tr>

<tr>
  <td>Nama Anggota*</td>
  <td>:</td>
  <td><input type="text"></td>
</tr>

<tr>
  <td>Tanggal Lahir</td>
  <td>:</td>
  <td><input type="date"></td>
</tr>
<tr>
  <td>Anggota Sejak*</td>
  <td>:</td>
  <td><input type="date"></td>
</tr>

<tr>
  <td>Tanggal Registrasi</td>
  <td>:</td>
  <td><input type="date"></td>
</tr>

<tr>
  <td>Berlaku Hingga*</td>
  <td>:</td>
  <td><input type="checkbox" name="Set Otomatis" value="Set Otomatis">Set Otomatis<br>
  <input type="date"></td>
</tr>

<tr>
  <td>Institusi</td>
  <td>:</td>
  <td><input type="text"></td>
</tr>

<tr>
  <td>Tipe Keanggotaan</td>
  <td>:</td>
  <td><select name="Tipe Keanggotaan">
                <option
                value="Mahasiswa">Mahasiswa</option>
                <option
                value="Dosen">Dosen</option>
                <option
                value="Alumni">Alumni</option>
                </select></td>
</tr>

<tr>
  <td>Jenis Kelamin</td>
  <td>:</td>
  <td><input type="radio" name="gender" value="laki-laki" checked> laki-laki
  <br>
  <input type="radio" name="gender" value="perempuan"> perempuan</td>
</tr>

<tr>
  <td>Alamat</td>
  <td>:</td>
  <td><textarea name="message" rows="3" cols="22"></textarea></td>
</tr>

<tr>
  <td>Kode Pos</td>
  <td>:</td>
  <td><input type="text"></td>
</tr>

<tr>
  <td>Alamat Surat</td>
  <td>:</td>
  <td><textarea name="message" rows="3" cols="22"></textarea></td>
</tr>

<tr>
  <td>Nomor Telepon</td>
  <td>:</td>
  <td><input type="text"></td>
</tr>

<tr>
  <td>Nomor Faks</td>
  <td>:</td>
  <td><input type="text"></td>
</tr>

<tr>
  <td>Nomor Identitas</td>
  <td>:</td>
  <td><input type="text"></td>
</tr>

<tr>
  <td>Catatan</td>
  <td>:</td>
  <td><textarea name="message" rows="3" cols="22"></textarea></td>
</tr>

<tr>
  <td>Tunda Keanggotaan</td>
  <td>:</td>
  <td><input type="checkbox" name="Ya" value="Ya">Ya</td>
</tr>

<tr>
  <td>Foto</td>
  <td>:</td>
  <td><input type="file" name="myFile"></td>
</tr>
</table><br>

<style>
table {
                width: 100%;
}
table, th, td {
                rules: rows ;         
}
th, td {
                padding: 5px;
                text-align: left;
}
table.names tr:nth-child(even) {
                background-color: #eee;
}
table.names tr:nth-child(odd) {
                background-color: #eee;
}
table.names th {
                background-color: black;
                color: white;
}
</style>

<table class="names">
  <tr>
                <th>ID ANGGOTA*</th>
                <th>NAMA ANGGOTA</th>
                <th>TIPE KEANGGOTAAN</th>
                <th>SUREL</th>
                <th>TERAKHIR DIUBAH</th>
  </tr>
  <tr>
                <td>1204411665</td>
                <td>A AGUNG NASARUDDIN</td>
                <td>Dosen</td>
                <td></td>
                <td>2018-12-17</td>
  </tr>
  <tr>
                <td>1204411667</td>
                <td>RISDAYANTI</td>
                <td>Alumni</td>
                <td></td>
                <td>2018-10-17</td>
  </tr>
  <tr>
                <td>1204411778</td>
                <td>PUTRI</td>
                <td>Mahasiswa</td>
                <td></td>
                <td>0000-00-00</td>
  </tr>
  <tr>
                <td>1204411220</td>
                <td>SINTIA</td>
                <td>Alumni</td>
                <td></td>
                <td>2018-11-12</td>
  </tr>
 
 </table>
</body>
</html>

 

Komentar

Posting Komentar