11 October 2008

Filled Under:

Form dan Input Dalam HTML Bag.2

3. Kontrol Textarea
Kontrol textarea adalah kontrol text yang dapat menuliskan text lebih banyak, karena lebih besar dan memang dikhususkan untuk itu. Textarea biasanya digunakan untuk memasukan input text dalam jumlah besar. Contohnya untuk memasukan komentar, mengirim pesan email, wyswyg Editor dan lainnya. Adapun cara penulisannya adalah.

<textarea [properti]>...isi_textarea...</textarea>


properti dalam textarea adalah :
  • Name, adalah nama dari kontrol textarea
  • cols, adalah lebar/jumlah kolom dari textarea
  • rows, adalah tinggi/jumlah baris pada textarea
  • value, adalah text yang tertulis atau menjadi isi pada textarea
  • Maxlength, adalah panjang maksimal karakter yang diperbolehkan
  • Dir, digunakan untuk mengatur arah tampilan teks pada kontrol, seperti rtl(right to left) dan ltr (left to right).
contoh .

<html>
<head>
<title>Contoh Textarea</title>
</head>
<body>
<h2>Contoh Textarea</h2>
Pesan :<br>
<textarea name="pesan"></textarea>
<br>
<textarea name="pesans" value="value itu adalah isi dari textarea" cols="30" rows="5"></textarea>
</p>
</body>
</html>


4. Kontrol Button
Seperti namanya kontrol button berbentuk tombol dan digunakan untuk mengontrol suatu aksi atau menjalankan suatu aksi/prosedur. Adapun tipe dari kontrol button, yaitu : submit, reset, file dan button.

a.Kontrol button type submit
Digunakan untuk mengirimkan data-data ke server. Penulisannya adalah :

<input type="submit" [properti]>

b. Kontrol Button Reset
Digunakan untuk menghapus semua data yang ada pada semua kontrol input dalam sebuah form html. Penulisannya adalah :

<input type="submit" [properti]>

c. Kontrol Button type Button
Digunakan untuk menjalankan suatu perintah, event atau prosedur dari suatu script vbs/javascript
<input type="button" [properti]>

d. Kontrol Button type File
Biasanya digunakan untuk mencari/browse suatu file untuk dikirimkan ke server. Penulisannya adalah.

<input type="file" [properti]>

Properti yang digunakan oleh kontrol button adalah :
  • Name, adalah nama dari kontrol button
  • Value, adalah nilai dari kontrol button (biasanya adalah text yang ada pada tombol)
  • Dir, digunakan untuk mengatur arah tampilan teks pada kontrol, seperti rtl(right to left) dan ltr (left to right).

Contoh Penerapan Form dalam HTML Untuk pembuatan formulir pendaftaran.

<html>
<head>
<title>Pendaftaran User Komunitas Orang stres</title>
</head>
<body>
<form action="daftar.php" method="post">
<table >
<tr><td>Nama</td><td> :</td><td><input type="text" name="nama" size="30"></td></tr>
<tr><td>Email</td><td> :</td><td><input type="text" name="mail" size="30"></td></tr>
<tr><td>Password</td><td> :</td><td><input type="password" name="pass" size="30"></td></tr>

<tr><td>Agama</td><td>:</td><td>
<select name="PilAgama" size="1">
<option selected >Islam
<option>Kristen
<option>Katholik
<option>Hindu
<option>Budha
</select></td></tr>

<tr><td>Jenis Kelamin</td><td>:</td><td>
<input type="radio" value="v1" checked name="k1">Pria
<input type="radio" value="v2" name="k1">Wanita</td></tr>

<tr><td>Hobby</td><td> :</td><td>
<input type="checkbox" name="c1" checked>Makan<br>
<input type="checkbox" name="c2" >Tidur<br>
<input type="checkbox" name="c3" >Baca Buku<br>
<input type="checkbox" name="c4" >Chatting
</td></tr>

<tr><td>Pesan</td><td> :</td><td><textarea name="pesan" cols="23" rows="5"></textarea></td></tr>

<tr><td>Foto Anda</td><td>:</td><td><input type="file" name="foto" size="18"></td></tr>

<tr><td> </td><td> </td><td>
<input type="submit" name="submit" value="Daftar">
<input type="reset" name="Submit2" value="Ulang"></td></tr>

</table>
</form>
</center>
</body>
</html>

0 comments:

Post a Comment

Silahkan berkomentar dengan bijak, tapi jangan spam !