Teks area merupakan suatu ruang untuk menyimpan teks atau tulisan dengan membentuk area baru. seperti kebiasaan orang, teks area biasanya digunakan untuk menyimpan kode-kode HTML atau teks agar menjadi pembeda dalam penyajian penulisan, untuk jelasnya perhatikan contoh ini :
<textarea rows="4" cols="25">Isi Teks Area</textarea>
kode tersebut diatas akan menghasilkan teks area seperti ini :
keterangan angka 25 dan 4 dalam kode tersebut merupakan keterangan untuk panjang dan lebar, angka tersebut bisa dirubah dengan kesesuaian pemakai. contoh tersebut diatas merupakan contoh teks area secara default, untuk menampilkan teks area dengan style yang lain, bisa menambahkan kode-kode lainnya, perhatikan contoh ini :
contoh diatas merupakan contoh teks area yang menggunakan tombol Highlight, untuk membuatnya kita menambahkan beberapa kode dalam teks area default :
<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="15" name="txt" rows="50" style="height: 50px; width: 300px;" wrap="VIRTUAL">Semoga tulisan yang ada diblog ini bisa bermanfaat untuk para pembacanya dan bisa memberikan tambahan ilmu pengetahuan terutama dalam proses pembuatan teks area, terima kasih</textarea></div>
</form>
</div>
kode tersebut diatas adalah yang membentuk contoh teks area yang menggunakan tombol highlight.
Untuk penambahan Style Teks Area yang lain, bisa melihat yang ini "Teks Area Dengan Background"
Semoga bermanfaat.
kode tersebut diatas akan menghasilkan teks area seperti ini :
keterangan angka 25 dan 4 dalam kode tersebut merupakan keterangan untuk panjang dan lebar, angka tersebut bisa dirubah dengan kesesuaian pemakai. contoh tersebut diatas merupakan contoh teks area secara default, untuk menampilkan teks area dengan style yang lain, bisa menambahkan kode-kode lainnya, perhatikan contoh ini :
contoh diatas merupakan contoh teks area yang menggunakan tombol Highlight, untuk membuatnya kita menambahkan beberapa kode dalam teks area default :
<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="15" name="txt" rows="50" style="height: 50px; width: 300px;" wrap="VIRTUAL">Semoga tulisan yang ada diblog ini bisa bermanfaat untuk para pembacanya dan bisa memberikan tambahan ilmu pengetahuan terutama dalam proses pembuatan teks area, terima kasih</textarea></div>
</form>
</div>
kode tersebut diatas adalah yang membentuk contoh teks area yang menggunakan tombol highlight.
Keterangan Elemen :
- <div align="center"> dan <p align="center"> : merupakan kode untuk mengatur posisi tombol highlight berada pada posisi tengah dan <p align="center"> untuk menempatkan kotak teks area pada posisi tengah, untuk customisasi sendiri bisa dirubah kesebelah kiri atau kanan dengan mengganti kata center dengan left atau right.
- style="height: 50px; width: 300px;" : untuk merubah ukuran panjang dan lebar teks area.
- <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> : keterangan ketika tombol highlight di klik, maka seluruh isi akan terpilih atau di blok.
Untuk penambahan Style Teks Area yang lain, bisa melihat yang ini "Teks Area Dengan Background"
Semoga bermanfaat.
إرسال تعليق