Cara Membuat Text Area dalam Postingan

Ternyata masih ada lagi kreasi menulis di postingan yang bisa dimanfaatkan dalam rangka penulisan artikel di blog: Text Area. Di postingan terdahulu tentang tema kreasi menulis di blog, saya sempat bilang bahwa itu adalah artikel yang terakhir. Ternyata saya salah. Masih ada beberapa lagi yang perlu dibuat catatannya.

Sekali lagi, script-script di bawah ini saya kumpulkan (dengan sedikit atur ulang) dari beberapa sumber yang agak susah saya ingat lagi dapatnya dari mana. Maafkan bila hanya memberitahu sumbernya: dari beberapa sumber.

1. Bentuk standart.


<textarea cols="35" rows="2">ISI TULISAN DI SINI: TEKS AREA STANDARD</textarea>

2. Bentuk One Click Highlight.


<div align="center">
<textarea cols="35" onclick="this.focus(); this.select();" rows="2">ISI TULISAN DI SINI: TEKS AREA KLIK SATU KALI HIGHLIGHT</textarea></div>

3. Bentuk Sensitive Mouse Highlight.



<textarea cols="25" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;">ISI TULISAN DI SINI: DEKATKAN MOUSE KE TEKS AREA</textarea>

4. Bentuk teks tidak bisa di edit.


<div align="center">
<textarea cols="35" onclick="this.focus(); this.select();" readonly="" rows="2">ISI TULISAN DI SINI: TEKS TIDAK BISA DI EDIT</textarea></div>

5. Menambahkan warna


<div align="center">
<textarea cols="35" name="code" onclick="this.focus(); this.select();" rows="2" style="-moz-border-radius: 7px; background: #fbefff; border-left: 20px solid #ca3dd9; border: 1px solid #ca3dd9; color: #ca3dd9; line-height: 1.5em; padding: 5px;">ISI TULISAN DI SINI: TEKS AREA KLIK SATU KALI HIGHLIGHT TAMBAH WARNA</textarea></div>

6. Highlight.
<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="55" name="txt" rows="100" style="height: 50px; width: 300px;" wrap="VIRTUAL">ISI DENGAN TULISAN DI SINI TEKAN HIGHLIGHT</textarea></div>
</form>
</div>

7. Highlight full color.

<div>
<form name="copy">
<div align="center">
<code><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Pilih Semua" /></code></div>
<div align="center">
</div>
<div align="center">
<textarea cols="40" name="txt" rows="2" style="background: rgb(100 , 100 , 200) none repeat scroll 0% 50%; border: 8px inset rgb(104 , 104 , 204); color: rgb(255 , 255 , 255); line-height: 1.5em; padding: 0pt 1px;" wrap="VIRTUAL">ISI DENGAN TULISAN DI SINI TEKAN PILIH SEMUA</textarea></div>
</form>
</div>

8. Border warna-warni.


<textarea cols="40" name="code" rows="3" style="-moz-border-radius: 10px; background: #BFFAFF; border-bottom: 4px solid #0000FF; border-left: 4px solid #FF0000; border-right: 4px solid #0000FF; border-top: 4px solid #FF0000; color: red; line-height: 1.5em; padding: 5px;">ISI TULISAN BORDER WARNA WARNI DI SINI</textarea>

* dari berbagai sumber
Previous
Next Post »