TextBOX
Textbox digunakan untuk
memasukkan data string sebanyak satu baris. Cara penulisannya adalah:
<input type=text name=textbox1 size=xx
value>
Atribut TYPE untuk menentukan jenis masukan yang berupa
TEXT (textbox), NAME adalah identifikasi/penamaan elemen ini untuk dibaca oleh
program pemroses nantinya. Atribut VALUE untuk memberi nilai suatu masukan. Sedangkan
atribut SIZE digunakan untuk menentukan panjang atau banyaknya karakter sebuah
masukan. Untuk menyembunyikan masukan yang ditulis user dalam textbox, dapat
menggunakan atribut TYPE=”PASSWORD”, sehingga tampilan dalam textbox menjadi karakter
“*”.
Ikuti langkah-langkah berikut ini:
1. Buat direktori dengan nama latihan di drive C:.
Dan selanjutnya dalam direktori ini kita akan menyimpan semua file-file latihan
kita.
2. Buka Browser,
misalnya Internet Explorer atau Netscape Navigator.
3. Buka program aplikasi teks editor misalnya dalam
latihan ini adalah Notepad.
4. Mulai baris paling atas, tuliskan:
<html>
<head>
<title>TextBox</title>
</head>
<body>
<h3>BUKU
TAMU</h3>
<form method=post>
<table border=0>
<tr>
<td width=70>Nama</td>
<td width=10>:</td>
<td width=30><input type=text name=nama
size=30></td>
</tr>
<tr>
<td width=70>Alamat</td>
<td width=10>:</td>
<td width=30>
<input
type=text name=alamat size=30></td>
</tr>
<tr>
<td width=70>Homepage</td>
<td width=10>:</td>
<td width=30>
<input
type=text name=page size=30></td>
</tr>
</table>
</form>
</body>
</html>
5. Simpan file anda dengan cara klik menu File
– Save-As :
6. Pada box File name, isikan nama filenya
dengan Latihan8.html
Untuk
menjalankan kode-kode tersebut, silahkan buka browser seperti Internet
Explorer, Mozila Firefox.
1.
Klik menu File à
Open
2.
Ketika jendela baru terbuka pilih file Latihan8.html.
3.
Klik tombol Open lalu tekan tombol Ok,
halaman web yang ditampilkan dalam browser adalah seperti berikut:
0 komentar:
Posting Komentar