Membuat Tabel dan Form
Form adalah cara untuk
mendapatkan umpan balik dari pengunjung ke situs web yang diawali dan diakhiri
dengan tag <form> dan </form>. Field-field yang digunakan untuk
menentukan ukuran dan jenis dari masing-masing input field.
Elemen dalam form :
ü Input : Menentukan
informasi dari user interface
ü Checked : Untuk
checkboxes dan radio button , atribut ini dapat diset ke TRUE atau FALSE.
ü Maxlength :
Menetukan jumlah maksimum lebar karakter yang mana dapat dimasukkan ke dalam
suatu textbox.
ü Name : Menentukan
nama dari form control.
Scriptnya
:
<html>
<head>
<title>Membuat
table dan form<title/>
</head>
<body>
<form
action=”#” method=”post”>
Username
<Input type=”text” name=”username”><text><br/>
Password
<Input type=”password” name=”password”><br/>
<Input
type=”submit” value=”Login”> | <input type=”reset” value=”batal”>
</form>
</body>
</html>
Jika sudah jadi hasil tabelnya
kemungkinan tidak akan rapi, jadi harus ditambahkan seperti dibawah ini :
<html>
<head>
<title>
table dan form<title/>
</head>
<body>
<table
border=”1” align=”center”>
<tr>
<!—baris -->
<td
width=”91”>Username</td> <!—kolom
-->
<td
width=”9”>:</td>
<td
width=”200”> <input type=”text” name=”username”> </td>
</tr>
<tr>
<td
width=”91”>password</td>
<td
width=”9”>:</td>
<td
width=”200><input type=”password” name=”password”></td>
</tr>
</table>
</body>
</html>
Lalu
:
<html>
<head>
<title>
table dan form<title/>
</head>
<body>
<table
border=”1” align=”center”>
<tr>
<!—baris -->
<td
width=”91”>Username</td> <!—kolom
-->
<td
width=”9”>:</td>
<td
width=”200”> <input type=”text” name=”username”> </td>
</tr>
<tr>
<td
width=”91”>password</td>
<td
width=”9”>:</td>
<td
width=”200><input type=”password” name=”password”></td>
</tr>
<tr>
<td
align=”center” colspan=”3”>
<input
type=”submit” value=”Login”> | <input type=”reset” value=”batal”>
</td>
</table>
</body>
</html>
Selanjutnya
:
<html>
<head>
<title>
table dan form<title/>
</head>
<body>
<form
action=”#” method=”post”>
<table
border=”0” align=”center”>
<tr>
<!—baris -->
<td
width=”91”>Username</td> <!—kolom
-->
<td
width=”9”>:</td>
<td
width=”200”> <input type=”text” name=”username”> </td>
</tr>
<tr>
<td
width=”91”>password</td>
<td
width=”9”>:</td>
<td
width=”200><input type=”password” name=”password”></td>
</tr>
<tr>
<td
align=”center” colspan=”3”>
<input
type=”submit” value=”Login”> | <input type=”reset” value=”batal”>
</td>
</table>
</body>
</html>
Keterangan:
ü Didalam
<table>…</table> masih bisa diberi keterangan tinggi dan lebar
juga, cukup memberi nilai pada height dan width.
ü <td align=”center”>
untuk teks rata tengah
ü <strong>…</strong>
untuk teks menjadi cetak tebal
ü Tag
<input> untuk menentukan sebuah field input
ü Text pada input
untuk membuat text field
ü Password untuk
membuat teks field rahasia
ü Submit untuk
button
Kurang
lebihnya seperti itu , Terimakasih J
0 komentar:
Posting Komentar