Macam - Macam Text Area

Text Area
----------------------

Sebenarnya text area hanya ada 2 macam aja, tapi setelah iseng - iseng Saya menggabungkan kode demi kode tercipta lah beberapa macam text area.

Berikut macam-macam text area yang ada :


2 jenis Text area (Primer)

Text area Normal
<textarea>isi text disini</textarea>

Text Area yang Punya tombol Select all

<div align="left"><form name="copy"><div align="left"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /> </div><div align="left"><textarea cols="55" name="txt" rows="100" style="height: 80px; width: 300px;" wrap="VIRTUAL">Coba tekan tombol Select all dan lihat apa yang terjadi</textarea>

Atau
Lihat beberapa macam nya yang lain

Text area Normal
<textarea>isi text disini</textarea>

Text area Normal, tapi gag bisa diedit isinya
<textarea cols="25" name="txt" readonly="readonly">brrrrrrrrrrrr.</textarea>

Text area Normal yang bisa diatur ukurannya

<div align="left"><textarea cols="35"" name="code" rows="2"><div align="left"><textarea name="code" rows="2" cols=35">Masukkan teks/kode disini !! teks/kode tersebut adalah teks/kode yang akan tampil sebagai isi dari "text area" yang dibuat</textarea></div>

Text area Password

Code <input type="password" value="cobacoba" />

Text area auto block (coba deh kamu arahkan cursor ke kotak dibawah)

<div><form name="4shortcut"><div align="left" 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;">coba arahkan mouse ke teks ini !!</textarea></div>

Text area Border

<textarea cols="35" rows="2" style="border: 2px inset black;">Tulis apa aja deh.. terserah !!</textarea></div>

Text area Berbackground
<textarea cols="42" name="code" rows="3" style="-moz-border-radius: 5px 5px 5px 5px; background: none repeat scroll 0% 0% rgb(0, 0, 0); border: 2px inset rgb(204, 204, 204); color: white; line-height: 1.5em; padding: 0pt 7px;"> ISI TEKS AREA SOBAT DISINI</textarea>

Text area Klik (coba klik kotak dibawah ini dan lihat apa yang terjadi)
<textarea cols="55" name="txt" onclick="this.focus(); this.select();" rows="100" style="height: 70px; width: 300px;">Masukkan <br /> <br /> teks/kode disini !! teks/kode tersebut adalah <br /> <br /> teks/kode yang akan tampil sebagai isi dari "text <br /> <br /> area" yang dibuat</textarea>


Dan masi banyak lagi macam nya, tapi ini dulu ya!!!!!
oke