Tuesday, August 10, 2010

7 Jenis Textarea HTML

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>

1 comment:

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