Home » » Cara Membuat Text Area

Cara Membuat Text Area

Written By RACHMAT SR on Sabtu, 05 November 2011 | 15.15

Membuat Text area adalah salah satu cara untuk menyimpan text atau tulisan. 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 text area ikuti langkah berikut:

Text Area Biasa.

<p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></p>
Contoh:
Keterangan:
rows="6", menunjukan tinggi dari text area
Cols="20", menunjukan lebar dari text area.

Text Area Hightlight

<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><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>
Contoh:
Keterangan:
<div align="center">; posisi text area ditengah, anda bisa ganti dengan left untuk kiri, right untuk kanan
<input onclick="javascript:this.form.txt.focus();this.form.txt.selec()">;tombol highlight di klik.
Value="Highlight All";kata Highlight All adalah kata yang akan muncul di dalam tombol.
<p align="center">;text area akan berada di tengah, bisa diganti left/right
<text style="WIDTH: 300px">;lebar text area, angka 300 bisa diganti sesuai lebar yg diinginkan.
HEIGHT: 144px;tinggi text area, angka 144 bisa diganti sesuai tinggi yg diinginkan.
Demikian Cara Membuat Text Area penulis sampaikan, semoga bermanfaat bagi anda. Penulis mengharapkan saran anda jika ada kesalahan. terimakasih
Share this article :

0 komentar:

Poskan Komentar

Thank for your visit, leave your suggestions and comments in the fields below ...

Silahkan meninggalkan komentar anda sehingga kita dapat berbagi pemikiran Anda dengan pengunjung lainnya.



 
Support : Al Islam | Paalem 3 | Mushola
Copyright © 2013. Panduan Blogger - All Rights Reserved
Template Created by Creating Website Modified by CaraGampang.Com
Proudly powered by Blogger