Cara membuat text area

Apa itu teks area? bagamana sih Cara Membuat Text Area? secara umum teks area adalah area/ daerah untuk menampilkan teks yang baru. Dengan kata lain dengan teks area ini akan ada daerah baru atau ruang baru dalam suatu ruangan web/ blog yang memiliki beberapa tujuan, antara lain: memudahkan bagi pengunjung untuk mengkopi teks atau kode yang anda sisipkan dalam postingan (agar gak salah ngopi), dan yang satunya lagi yaitu yang gak kalah penting adalah berguna untuk menyingkat kode HTML/ script atau juga teks yang anda tampilkan agar tidak memakan banyak tempat(khusus teks area tipe scrool).

cara membuatnya anda hanya memerlukan beberapa kode HTML yang kemudian tulisan/ kode yang ingin anda tampilkan tinggal disisipkan ke dalam kode text area tersebut. Selain itu, text area memiliki banyak macam, juga memiliki karakteristik tersendiri, sehingga anda dapat memilihnya sesuai dengan selera anda.

Terdapat 6 macam text area dan anda bisa mengunakannya sesuai kebutuhan. Silahkan pilih, yang manakah text area yang anda inginkan?

1. Text Area Standar/ Biasa.

Tampilan:

Silahkan Tulis apa saja di sini

Kode:

<span style="color: red;">Silahkan Tulis apa saja di sini</span>

2. Text Area yang Bisa Diatur Ruang dan Kolomnya.

Tampilan:

Silahkan Tulis apa saja di sini

Kode:

<span style="color: red;">Silahkan Tulis apa saja di sini</span>

3. Text Area Password.

Tampilan:



Kode:

Tulisan ini nanti gak kelihatan" >

4. Text Area Garis Putus.

Tampilan:

Silahkan Tulis apa saja di sini

Kode:

<span style="color: red;">Silahkan Tulis apa saja di sini</span>

5. Text Area klik Auto Blok.

Tampilan:

Coba klik sekali aja di daerah sini, pasti ke-blok semua tulisannya

Kode:

<span style="color: red;">Silahkan Tulis apa saja di sini</span>

6. Text Area Tombol Blok.

tampilan:

tulisan ini akan ke-blok semua, jikalau anda mengklik tombol di atas 1 x saja.

Kode:

<span style="color: red;">Silahkan Tulis apa saja di sini</span>

Mudah-mudahan informasi ini bermanfaat buat anda.

Atau Text Area Dengan Warna Latar

<br /> <br /> Masukan text / kode Anda di sini<br /> <br />

<code><span ><div><form name="copy"><div align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"> </div><div align="center"></div><p align="center"><textarea rows="3" cols="20" style="border: 8px inset rgb(104, 104, 204); padding: 0pt 1px; background: rgb(100, 100, 200) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(255, 255, 255); line-height: 1.5em; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;" name="txt" wrap="VIRTUAL">

Masukan text / kode Anda di sini

</textarea></form></div></span></code>

Sumber :
http://dunia-panduan.blogspot.com/2011/01/membuat-kode-text-area.html

Baca Artikel Terkait berikut ini: