Cara Membuat Text Area

Apa itu teks area? teks area yaitu 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).

Untuk membuat text area ini, anda 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.

Silahkan pilih, yang manakah text area yang anda inginkan?

1. Text Area Standar/ Biasa.

Tampilan:
Silahkan Tulis apa saja di sini
Kode

<textarea>Silahkan Tulis apa saja di sini</textarea>

  2. Text Area yang Bisa Diatur Ruang ,Warna dan Kolomnya.

Tampilan: Silahkan Tulis apa saja di sini
Kode :

<textarea name="textarea" cols="20" rows="5" style="background-color:#0F0">Silahkan Tulis apa saja di sini</textarea>

Tulisan Warna Merah Silahkan Ganti Sesuai Selera


3. Text Area Garis Putus.

Tampilan:

Silahkan Tulis apa saja di sini
Kode

<textarea cols="20" rows="5" style="border: 2px dashed;">Silahkan Tulis apa saja di sini</textarea>

4. Text Area klik Auto Blok.
Tampilan:
 Silahkan Tulis apa saja di sini
Kode :

<textarea cols="25" onclick="this.focus(); this.select();" rows="5">Silahkan Tulis apa saja di sini</textarea>

5. Text Area Tombol Blok.
tampilan:

Silahkan Tulis apa saja di sini

Kode :

<div align="center"> <textarea cols="55" name="txt" rows="100" style="height: 144px; width: 300px;" wrap="VIRTUAL">Silahkan Tulis apa saja di sini</textarea></div>

6. Text Area 3D Unik.
tampilan: Silahkan Tulis apa saja di sini

Kode :

<style type="text/css"> .textarea1 {padding:3px;margin:0;width:400px;height:60px;color:#FFCC00;font:12px arial;background:#000;border:2px outset #FFCC00;-moz-box-shadow: 7px 7px 3px #888;-webkit-box-shadow: 7px 7px 3px #888; box-shadow: 7px 7px 3px #888;} .bukarahasia-textarea1:hover {color:#FFFF00;border:3px double #FFB200;-moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0;"} </style> <textarea class="textarea1" readonly="readonly">Silahkan Tulis apa saja di sini</textarea>

Silahkan Ganti Tulisan yang berwarna merah sesuai selera Anda

Semoga Bermanfaat []
Copyright © Herlan Lesmana
Sumber : Herlan Blog

Share this article :

Share on FB Submit to Digg Tweet Share on G+

Artikel Yang Berhubungan