Cara Membuat Kode Text Area di Blog

Kode text area adalah kotak form yang digunakan untuk membuat teks inputan yang dapat menampung atau memasukan lebih dari 1 baris teks inputan. Kode text area ini mirip dengan tag input type text kolom, namun memiliki kelebihan untuk menampung beberapa baris teks. Biasanya text area digunakan oleh para blogger untuk inputan yang panjang, seperti untuk sharing kode script, menulis komentar, keterangan, atau catatan.

Berikut ini cara membuat kode text area yang dapat mempermudah kita untuk mengkhususkan tulisan atau kode-kode di web atau blog (Blogspot/Wordpress). kodenya sebagai berikut

1. Text Area 1

<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">
<textarea cols="30" name="txt" rows="5" wrap="VIRTUAL">Contoh 1</textarea></div>
</form>
</div>

Dari kode di atas hasilnya akan seperti di bawah ini

2. Text Area 2

<div style="text-align: center;">
<textarea cols="25" onclick="this.focus(); this.select();" rows="3">Contoh 2</textarea></div>

Dari kode diatas hasilnya akan seperti berikut ini

3. Text Area 3

<div style="text-align: center;">

<textarea cols="25" onmouseover="this.focus(); this.select();" rows="3">Contoh 3</textarea></div>

Dari kode di atas hasilnya akan seperti berikut ini.

Untuk lebih simpel lagi kita bisa menggunakan kode textarea, dengan membuat tag textarea sebagai berikut

<textarea></textarea>

Diantara tag pembuka dan penutup dapat dimasukan teks yang akan ditampilkan sebagai isian awal dari teks area seperti berikut ini.

<textarea>isi komentar</textarea>

Demikian cara membuat kode text area di blogger maupun di wordpress. Kode ini dapat digunakan di html juga.

Komentar

Leave a Reply

Your email address will not be published. Required fields are marked *

Trending Minggu Ini

To Top