News Update :
Home » » 7 Jenis Textarea HTML

7 Jenis Textarea HTML

Penulis : Monalia Sakwati on Tuesday, August 10, 2010 | 7:02 PM

Terdapat 7 macam textarea dan bisa digunakan untuk meletakkan kode html. Silahkan anda pilih salah satu sesuai keinginan anda.

1. Textarea Standar.
Tampilan :


Kode :
<textarea>Silahkan Tulis apa saja di sini</textarea>


2. Textarea yang di atur kolom dan barisnya.
Tampilan :


Kode :
<textarea cols="20" rows="5">Silahkan Tulis apa saja di sini</textarea>


3. Textarea Password.
Tampilan :


Kode :
<input type="password" value="Tulisan ini nanti tidak kelihatan" >


4. Textarea Garis Putus-putus.
Tampilan :


Kode :
<textarea cols="20" rows="5" style="border: 2px dashed ;">Silahkan Tulis apa saja di sini</textarea>


5. Textarea Klik Auto Block.
Tampilan :


Kode :
<textarea rows="5" cols="25" onclick="this.focus(); this.select();">Silahkan Tulis apa saja di sini</textarea>


6. Textarea Block Arah Mouse
Tampilan :


Kode :
<div>
<form name="catatancuss">
<div align="center" style="margin-bottom: 0pt; margin-top: 0pt;">
<textarea ;="" cols="55" name="txt" onmouseover="this.form.txt.select()" readonly="readonly" rows="100" style="height: 50px; width: 300px;">TULIS TEXT YANG ANDA INGINKAN DISINI</textarea></div>
</form>
</div>

7. Textarea Tombol Block.
Tampilan :



Kode :
<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">Silahkan Tulis apa saja di sini</textarea></p></div></form>
Share this article :

+ comments + 1 comments

October 26, 2011 at 11:37 AM

makasih kakaks..

Post a Comment

Silahkan tinggalkan komentar anda di bawah ini. No Spam ! No Sara !

 
Company Info | Contact Us | Privacy policy | Term of use | Widget | Advertise with Us | Site map
Copyright © 2015. Monalia Sakwati . All Rights Reserved.
Created by Monalia Sakwati