Apa itu text area?. Untuk memudahkan
anda memahami apa itu text area, silahkan alihkan perhatian anda ke
kolom sebelah kanan layar, di bawah tulisan Mau tuker link, ada sebuah
kotak yang di dalamnya berisi text kode-kode HTML, itulah yang di sebut
text area. Nah dengan melihat contoh tadi, maka dapat kita katakan bahwa
Text area adalah area atau tempat untuk menyimpan text atau tulisan
dengan membentuk area baru.
Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung. Untuk membuat TextArea Silahkan copy paste script dibawah ini
<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All">
</div>
<div align="center"></div>
<p align="center">
<textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">
simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung
</textarea></p>
</div>
</form>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All">
</div>
<div align="center"></div>
<p align="center">
<textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">
simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung
</textarea></p>
</div>
</form>
<textarea rows="5" cols="50">TULISAN YANG KAMU INGINKAN</textarea>
previewnya :
Keterangan :
- Pada textarea tidak menggunakan width dan height (lebar dan tinggi) tetapi menggunakan rows dan cols (baris dan kolom) untuk menyatakan lebar dan tinggi areanya.
- Tetapi akibatnya akan sama dengan overflow, yaitu akan dibuatkan scroll dan disembunyikan jika text melebihi area baris dan kolom yang ditentukan.
- Pada script di atas menunjukkan 5 baris dan 50 kolom. Dengan demikian tulisan yang melebihi 5 baris dan/atau melebihi 50 kolom akan disembunyikan.
- Keterangan Lain : rows="6", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka " 6 tadi dengan angka yang lebih tinggi nilainya.
- Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka " 20 " tadi dengan angka yang lebih tinggi nilainya.
Selamat Mencoba
Tidak ada komentar:
Posting Komentar