CARA MEMBUAT FORM PENDAFTARAN Sederhana
Assalamualaikum Warrahmatullahi Wabarakathu kembali lagi bersama saya Septian Harun, Kali ini saya akan menambhkan Cara membuat pendaftaran Sederhana.
PENJELASAN:
<table>
Untuk membuat table seperti di MS.Excel, tapi cara membuat tablenya menggunakan bahasa html dan di dalam script table teridiri 3 tag yaitu: th, td dan tr.
<td>
Kepanjangan dari Table Data yang digunakan untuk membuat kolom
<th>
kepanjangan dari Table Heading yang digunakan untuk membuat judul sebuah table seperti No dan Nama, biasanya di tanda dengan huruf menjadi Bold. (tapi saya tidak memakai th, hanya memberi tau maksud dan fungsinya).
<tr>
kepanjangan dari Table Row yang digunakan untuk membuat baris baru.
Border
Border adalah Mengatur ketebalan garis Atau garis tepi pada table.
*(coba border="0" diganti jadi border="1" dan lihat hasilnya)
Berikut adalah hasil dari pembuatan saya :
<!DOCTYPE html>
<html>
<head>
<title>WEBSITE BELAJAR SEPTIAN HARUN</title>
</head>
<body background="wallpaper.PNG">
<fieldset>
<h1><center>DAFTAR SEKARANG</center></h1>
<br>
<table>
<tr>
<td>NAMA</td>
<td>:</td>
<td>
<input type="text" name="nama"></input>
</td>
</tr>
<tr>
<td>ALAMAT</td>
<td>:</td>
<td>
<input type="text" name="alamat"></input>
</td>
</tr>
<tr>
<td>PASSWORD</td>
<td>:</td>
<td>
<input type="password" name="pass"></input>
</td>
</tr>
<tr>
<td>JENIS KELAMIN</td>
<td>:</td>
<td>
<input type="radio" name="jk" value="laki-laki">Laki - Laki</input>
<input type="radio" name="jk" value="perempuan">Perempuan</input>
</td>
</tr>
<tr>
<td>BAHASA PEMOGRAMAN YANG DISUKAI</td>
<td>:</td>
<td>
<input type="checkbox">Web</input>
<input type="checkbox">Mobile</input>
<input type="checkbox">Css</input>
<input type="checkbox">Java Scirpt</input>
<input type="checkbox">Python</input>
</td>
</tr>
<tr>
<td>KOTA ASAL</td>
<td>:</td>
<td>
<select name="option">
<option value="sulawesi">SULAWESI</option>
<option value="jawa">JAWA</option>
<option value="maluku">MALUKU</option>
<option value="maluku utara">MALUKU UTARA</option>
<option value="papua">PAPUA</option>
<option value="Jakarta">JAKARTA</option>
<option value="semarang">SEMARANG</option>
</td>
</tr>
<tr>
<td>PESAN ANDA</td>
<td>:</td>
<td>
<textarea></textarea>
</td>
</tr>
<tr>
<td></td>
<td></td>
<td>
<a href="bljr4.html"><input type="submit" value="KIRIM"></input></a>
<a href="bljr3.html"><input type="submit" value="CANCEL"></input></a>
</td>
</tr>
</fieldset>
</body>
</html>
<html>
<head>
<title>WEBSITE BELAJAR SEPTIAN HARUN</title>
</head>
<body background="wallpaper.PNG">
<fieldset>
<h1><center>DAFTAR SEKARANG</center></h1>
<br>
<table>
<tr>
<td>NAMA</td>
<td>:</td>
<td>
<input type="text" name="nama"></input>
</td>
</tr>
<tr>
<td>ALAMAT</td>
<td>:</td>
<td>
<input type="text" name="alamat"></input>
</td>
</tr>
<tr>
<td>PASSWORD</td>
<td>:</td>
<td>
<input type="password" name="pass"></input>
</td>
</tr>
<tr>
<td>JENIS KELAMIN</td>
<td>:</td>
<td>
<input type="radio" name="jk" value="laki-laki">Laki - Laki</input>
<input type="radio" name="jk" value="perempuan">Perempuan</input>
</td>
</tr>
<tr>
<td>BAHASA PEMOGRAMAN YANG DISUKAI</td>
<td>:</td>
<td>
<input type="checkbox">Web</input>
<input type="checkbox">Mobile</input>
<input type="checkbox">Css</input>
<input type="checkbox">Java Scirpt</input>
<input type="checkbox">Python</input>
</td>
</tr>
<tr>
<td>KOTA ASAL</td>
<td>:</td>
<td>
<select name="option">
<option value="sulawesi">SULAWESI</option>
<option value="jawa">JAWA</option>
<option value="maluku">MALUKU</option>
<option value="maluku utara">MALUKU UTARA</option>
<option value="papua">PAPUA</option>
<option value="Jakarta">JAKARTA</option>
<option value="semarang">SEMARANG</option>
</td>
</tr>
<tr>
<td>PESAN ANDA</td>
<td>:</td>
<td>
<textarea></textarea>
</td>
</tr>
<tr>
<td></td>
<td></td>
<td>
<a href="bljr4.html"><input type="submit" value="KIRIM"></input></a>
<a href="bljr3.html"><input type="submit" value="CANCEL"></input></a>
</td>
</tr>
</fieldset>
</body>
</html>
HASIL FORM PENDAFTRAN Dari saya :
Sampai disini kita telah mempelajari beberapa tag HTML yang sering digunakan dalam pembuatan halaman web. Untuk halaman web yang panjang, kadang perlu diberi komentar mengenai fungsi dan tujuan kita membuatnya.
Tidak ada komentar:
Biasakan Mengomentari Dengan Pemikiran Yang Dewasa :)