C.2.Cara Membuat Text Area

Cara Membuat Text Area di Blog dan Web

Text area adalah suatu form yang disediakan untuk menulis kode HTML agar bisa ditampilkan di halaman posting atau di sidebar untuk berbagai keperluan, seperti membuat artikel, membuat LinkExchange, dll.

Ini adalah Kodenya :

Copy dan Paste  Kode Berikut :

Atau pada  Box TextArea

<p align="left"><textarea name="code" rows="40" cols="20">kode Anda di sini</ textarea></p>
<p>

dan Ini Adalah Hasilnya :

<p align="left"><textarea name="code" rows="40" cols="20">kode Anda di sini</ textarea></p> <p></ textarea></p> <p>

Untuk membuat textarea yang ketika diklik tulisan dalam textarea akan langsung terpilih semua (HighLight), maka gunakan kode berikut ini, caranya sama seperti di atas ganti    "</ textarea> "   dengan  "  </textarea>"

Copy dan Paste  Kode Berikut :

<p align="left"><textarea name="code" rows="3" cols="30" onclick="this.focus();this.select();">kode Anda di sini</ textarea></p>
<p>

dan Ini Adalah Hasilnya :

<p align="left"><textarea name="code" rows="3" cols="30" onclick="this.focus();this.select();">kode Anda di sini</ textarea></p> <p></ textarea></p> <p>
Cara di atas tanpa menggunakan tombol, sedangkan text area yang disertai dengan tombol Select All/HighLight yang berguna untuk memblok (select) semua tulisan dalam text area.
Untuk membuat textarea dengan tombol Select All silakan salin kode di bawah atau di dalam teks area Tapi, pada bagian </ textarea> silakan ganti dengan </textarea>.

<div>
<form name="copy">
<div align="left">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"></div>
<p align="left"><textarea style="width: 300px; height: 144px" name="txt" rows="100" wrap="virtual" cols="55"></ textarea></p>
</form>
</div>
<p>

 

dan Ini Adalah Hasilnya :

</ <div> <form name="copy"> <div align="left"> <input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"></div> <p align="left"><textarea style="width: 300px; height: 144px" name="txt" rows="100" wrap="virtual" cols="55"></ textarea></p> </form> </div> <p></p> </form> </div> <p>

Selamat Mencoba Semoga Sukses dan Bermanfaat