cara membuat Text area

Sering kali kita berkunjung ke blog - blog sobat kita dan menemukan text area yang beragam.
Text area juga berfungsi memperapi blog serta bisa mempermudah pengunjung untuk meng - klik text baik itu Link ( yang biasa di pakai untuk tukar link) mau pun sebuah text yang panjang. gw akan membagikan kepada sobat trick membuat text area :

Text Area Biasa
Biasanya text area di gunakan untuk menyimpan kode-kode Html/Javascript ataupun text lainnya agar bisa di copy oleh para pengunjung.
Untuk membuat text area,  Copy kode di bawah :

<center>
<textarea code="" rows="5" cols="28" name="">
<a href="http://rexroom.blogspot.com/" target="_blank">ReX^RooM</a>
</textarea></center>

Keterangan :

• rows="6", menunjukan tinggi dari text area.

• Cols="28", menunjukan lebar dari text area.

• <a href="http://rexroom.blogspot.com/" target="_blank">ReX^RooM</a>  Link tukar sobat / text.

untuk merubah ukuran text area, sobat hanya tinggal klik tarik pada bagian sudut kanan bawah text area itu sendiri

Hasilnya akan seperti di bawah ini :

<br /> <a href="http://rexroom.blogspot.com/" target="_blank">ReX^RooM</a><br />
atau bisa juga pakai kode dibawah ini dengan tampilan yang sama

<p align="center"><textarea name="code" rows="5" cols="28" readonly>
<a href="http://rexroom.blogspot.com/" target="_blank">ReX^RooM</a>
</textarea></p>

hasilnya  seperti di bawah ini:

<br /> <a href="http://rexroom.blogspot.com/" target="_blank">ReX^RooM</a><br />

Text Area Select Otomatis
nah ini merupakan bentuk lain dari text area itu sendiri....kode akan terblok sendiri,hanya dengan menggerakkan mouse diatas bidang kodenya.
Untuk kodenya kopi paste di bawah ini :

<div>
<form name="ReX^RooM">
<p align="left" style="margin-top: 0; margin-bottom: 0"><textarea style="width: 184; height: 120" name="txt" rows="5" cols="28" onmouseover="this.form.txt.select()" readonly ;>
<a href="http://rexroom.blogspot.com/" target="_blank">ReX^RooM</a>
</textarea></p></form></div>

Akan terlihat seperti di bawah ini :

<br /> <br /> <a href="http://rexroom.blogspot.com/" target="_blank">ReX^RooM</a><br /> <br />

Text Area dengan memakai HighLigh

Highlight atau Select All, yaitu dimana saat kita tekan tombol Select All,maka kode dalam text area akan otomatis terblok semua.

Untuk kodenya,copy paste di bawah ini :

<div>

<form name="Select All code">
<p align="left" style="margin-top: 0; margin-bottom: 0"><textarea style="width: 184; height: 120" name="txt" rows="5" wrap="VIRTUAL" cols="28" readonly>
</form>
<a href="http://rexroom.blogspot.com/" target="_blank">ReX^RooM</a>

</textarea></p>
</div>
<p align="left" style="margin-top: 0; margin-bottom: 0">

<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"value="Select All">

Contoh hasilnya :

<br /> </form><br /> <a href="http://rexroom.blogspot.com/" target="_blank">ReX^RooM</a><br /> <br />

Related Post: