Text Area dan Contohnya

Text Area dalam sebuah Blog atau Website, bukan sekedar berfungsi mempecantik tampilan tetapi juga untuk memanfaatkan area supaya tidak terlalu besar memakai space template. Text area merupakan sebuah bingkai yang dibuat untuk menampung tulisan atau kode-kode HTML yang ingin ditampilkan secara terpisah dari halaman posting tempat menerbitkan sebuah artikel. Biasanya saat kita mengunjungi sebuah blog, kita melihat ada sebuah kotak yang di dalamnya berisikan tulisan atau kode HTML sebuah tutorial blog. Nah, kotak bingkai yang dimaksud itu merupakan text area.

Menentukan lebar (WIDHT/COLS) dan tinggi (HIGHT/ROW) text area dihitung dengan skala pixel(px). Oleh karena itu, yang perlu diperhatikan adalah akan disimpan dimana text area tersebut, supaya kita bisa menyesuaikan lebar dan tinggi text areanya.

Berikut saya berikan beberapa contoh text area dengan script disertai contoh jadinya, yang bisa sobat modif kembali.

1. Text Area Sederhana

<p align="center"><textarea name="code" rows="3" cols="20"> DISINI TULISAN ANDA </textarea></p>

2. Text area dengan kotak bayangan :

<p align="center"><textarea cols="20" name="Bptxt" rows="3" style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; -moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -moz-box-shadow: 5px 0px 8px rgb(129, 129, 129); background: white none repeat scroll 0% 0%; border-left: 20px solid red; color: black; line-height: 150%; padding: 5px;">TULISAN ANDA DISINI</textarea></p>

3. Text Area dengan Perintah Pilih Semua

<br><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Pilih Semua"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 130px" name="txt" rows="100" wrap="VIRTUAL" cols="55"> TULISAN ANDA DISINI </textarea></p></div></form>

4. Text Area dengan background

<textarea name="code" rows="3" cols="20" style="background: #FBEFFF; color: #000000; border: 2px solid #CA3DD9; border-left: 2px solid #FFCCFF; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;"> ISI TEKS AREA SOBAT DISINI

Demikian, semoga memberi manfaat...ingat harus dicoba lho....