sekarang kita membahas form...
coba perhatikan kode HTML berikut:
<html>
<head>
<title> Form 1</title>
</head>
<body>
<form>
Nama:<input type="text" name="teks1"><br><br>
Kelas:<input type="text" name="teks2" maxlength="2"><br><br>
No:<input type="text" name="teks3" value="10"><br><br>
Hobby:<input type="text" name="teks4" size="8"><br><br>
password:<input type="password" name="teks5"><br><br>
</form>
</body>
</html>
<head>
<title> Form 1</title>
</head>
<body>
<form>
Nama:<input type="text" name="teks1"><br><br>
Kelas:<input type="text" name="teks2" maxlength="2"><br><br>
No:<input type="text" name="teks3" value="10"><br><br>
Hobby:<input type="text" name="teks4" size="8"><br><br>
password:<input type="password" name="teks5"><br><br>
</form>
</body>
</html>
lihat hasilnya:
klik gambar untuk memperbesar
berikutnya:
<html>
<head>
<title>Form 2</title>
</head>
<body>
<form name="data" action="form_1.html" method="post">
Nama-nama Guruku: <br><br>
<input type="checkbox" name="c1">Pak Samino<br>
<input type="checkbox" name="c1" checked>Pak Arifin<br>
<input type="checkbox" name="c1">Pak Maryono<br>
<input type="checkbox" name="c1">Pak Reza<br>
<input type="checkbox" name="c1">Bu Gandhi<br><br>
Pelajaran Favoritku: <br><br>
<input type="radio" name="r1">Matematika<br>
<input type="radio" name="r1" checked>Fisika<br>
<input type="radio" name="r1">Kimia<br>
<input type="radio" name="r1">Biologi<br>
<input type="radio" name="r1">Sejarah<br><br>
Situs Pilihanku: <br><br>
<select name="s1">
<option>Detik.Com</option>
<option selected>Kapanlagi.Com</option>
<option>Kickandy.Com</option>
<option>Friendster.Com</option>
<option>Debritto.Net</option>
</select><br><br>
silahkan tuliskan komentar anda di bawah ini:<br><br>
<textarea name="kesan" rows="5" cols="20">
Masukan komentar di sini !!!
</textarea><br><br>
<input type="sumbit" value="kirimkan"><br>
<input type="reset" value="ulangi"><br>
</form>
</body>
</html>
<head>
<title>Form 2</title>
</head>
<body>
<form name="data" action="form_1.html" method="post">
Nama-nama Guruku: <br><br>
<input type="checkbox" name="c1">Pak Samino<br>
<input type="checkbox" name="c1" checked>Pak Arifin<br>
<input type="checkbox" name="c1">Pak Maryono<br>
<input type="checkbox" name="c1">Pak Reza<br>
<input type="checkbox" name="c1">Bu Gandhi<br><br>
Pelajaran Favoritku: <br><br>
<input type="radio" name="r1">Matematika<br>
<input type="radio" name="r1" checked>Fisika<br>
<input type="radio" name="r1">Kimia<br>
<input type="radio" name="r1">Biologi<br>
<input type="radio" name="r1">Sejarah<br><br>
Situs Pilihanku: <br><br>
<select name="s1">
<option>Detik.Com</option>
<option selected>Kapanlagi.Com</option>
<option>Kickandy.Com</option>
<option>Friendster.Com</option>
<option>Debritto.Net</option>
</select><br><br>
silahkan tuliskan komentar anda di bawah ini:<br><br>
<textarea name="kesan" rows="5" cols="20">
Masukan komentar di sini !!!
</textarea><br><br>
<input type="sumbit" value="kirimkan"><br>
<input type="reset" value="ulangi"><br>
</form>
</body>
</html>
hasil:
klik gambar untuk memperbesar
Nah dalam tugas kali ini, saya akan membahas tentang form untuk formulir
berikut kode htmlnya:
<html>
<head>
<title>Data siswa</title>
</head>
<body>
<form name="form1" method="post" action="">
<br>
<br>
<table border="1">
<tr>
<td colspan="2" align="center" width="500"><font size="16">Data Siswa</font></td>
</tr>
<tr>
<td align="left" width="120">Nama lengkap</td>
<td align="left"><input type="text" name="teks1"></td>
</tr>
<tr>
<td align="left" width="120">Nama panggilan</td>
<td align="left"><input type="text" name="teks2"></td>
</tr>
<tr>
<td align="left" width="120">Agama</td>
<td align="left"><select name="s1"><option>Islam</option>
<option>Kristen</option>
<option>Hindu</option>
<option>katolik</option>
<option>Protestan</option>
</select>?
</tr>
<tr>
<td align="left" width="120">Jenis Kelamin</td>
<td align="left"><select name="s1"><option>laki-laki</option>
<option>Perempuan</option>
</select>?
<tr>
<td align="left" width="120">Alamat</td>
<td align="left"><textarea name="alamat" rows="8" cols="50">Jangan lupa isikan alamat anda di kotak ini !!!</textarea>
</tr>
<tr>
<td colspan="2" align="center" width="500"><font size="11">®®®</font></td>
</tr>
<tr>
<td colspan="2" align="center" width="500"><font size="11">©©©</font></td>
</tr>
<tr>
<td align="left" width="120">Hobby</td>
<td align="left"><input type="radio" name="r1">Membaca
<input type="radio" name="r1">Menulis
<input type="radio" name="r1">Menyanyi
</tr>
<tr>
<td align="left" width="120">Makanan Favorit</td>
<td align="left"><input type="checkbox" name="c1">Soto
<input type="checkbox" name="c1">Bakso
<input type="checkbox" name="c1">Nasi Goreng
</tr>
<tr>
<td align="left" width="120"><input type="submit" value="SUBMIT"></td>
<td align="center"><input type="reset" value="RESET"></td>
</tr>
</form>
</body>
</html>
<head>
<title>Data siswa</title>
</head>
<body>
<form name="form1" method="post" action="">
<br>
<br>
<table border="1">
<tr>
<td colspan="2" align="center" width="500"><font size="16">Data Siswa</font></td>
</tr>
<tr>
<td align="left" width="120">Nama lengkap</td>
<td align="left"><input type="text" name="teks1"></td>
</tr>
<tr>
<td align="left" width="120">Nama panggilan</td>
<td align="left"><input type="text" name="teks2"></td>
</tr>
<tr>
<td align="left" width="120">Agama</td>
<td align="left"><select name="s1"><option>Islam</option>
<option>Kristen</option>
<option>Hindu</option>
<option>katolik</option>
<option>Protestan</option>
</select>?
</tr>
<tr>
<td align="left" width="120">Jenis Kelamin</td>
<td align="left"><select name="s1"><option>laki-laki</option>
<option>Perempuan</option>
</select>?
<tr>
<td align="left" width="120">Alamat</td>
<td align="left"><textarea name="alamat" rows="8" cols="50">Jangan lupa isikan alamat anda di kotak ini !!!</textarea>
</tr>
<tr>
<td colspan="2" align="center" width="500"><font size="11">®®®</font></td>
</tr>
<tr>
<td colspan="2" align="center" width="500"><font size="11">©©©</font></td>
</tr>
<tr>
<td align="left" width="120">Hobby</td>
<td align="left"><input type="radio" name="r1">Membaca
<input type="radio" name="r1">Menulis
<input type="radio" name="r1">Menyanyi
</tr>
<tr>
<td align="left" width="120">Makanan Favorit</td>
<td align="left"><input type="checkbox" name="c1">Soto
<input type="checkbox" name="c1">Bakso
<input type="checkbox" name="c1">Nasi Goreng
</tr>
<tr>
<td align="left" width="120"><input type="submit" value="SUBMIT"></td>
<td align="center"><input type="reset" value="RESET"></td>
</tr>
</form>
</body>
</html>
dan ini hasil dari kode di atas:
klik gambar untuk memperbesar
alhamdulillah tugas ini sudah selesai
terimakasih kepada teman" saya yg uda support untuk semua ini, dan tidak lupa kepada guru saya pak Tjetjep RB yg uda ngajarin saya tentang HTML...
makasih iaa pak...
0 komentar:
Posting Komentar