Macam - Macam Text Area

macam - macam text area

Text Area sering sekali kita Gunakan dalam Blogging maupun Membuat Website, tujuannya untuk Memperjelas suatu teks, agar Kelihatan menonjol dan terkesan Penting dan beda dalam suatu halaman blog maupun Website, Berikut Macam - macam Text Area :


1. Text Biasa

Tampilan:


Kode Html:

<textarea>Web Support Bisnis ABEnetwork yaitu www.abenetwork.web.id</textarea>

Tulisan yang Berwarna Merah itu Tulisan dalam Text Area, Kemudian untuk Mengatur tinggi dan Lebarnya cukup tambahkan rows="2" cols="35" Seperti kode di Bawah ini:

<textarea rows="2" cols="35">Web Support Bisnis ABEnetwork yaitu www.abenetwork.web.id</textarea>

Hasilnya Seperti ini:

Jadi angka pada rows="2" cols="35" bisa di Ubah sesuai keinginan

2. Text Area Klik Auto Blok 

Tampilan: 


Kode Html:
<textarea onclick="this.focus(); this.select();">Web Support Bisnis ABEnetwork yaitu www.abenetwork.web.id</textarea>

Jika kita Mengklik di dalam Teks Area, Maka otomatis semua terblok untuk Copy tinggal Tekan Ctrl + C saja

3. Text Area dengan tombol Scroll

Tampilan:



Kodenya seperti Poin 2, Tombol Scroll muncul otomatis ketika Tulisan dalam Teks Area melebihi jumlah Tinggi dan Lebar Teks Area Tersebut


4. Teks Area dengan Tombol Blok

Tampilan:
Kode Html:

<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Blok Semua" />
</div>
<div align="center">
<textarea cols="15" name="txt" rows="50" style="height: 100px; width: 350px;" wrap="VIRTUAL">Web Support Bisnis ABEnetwork yaitu www.abenetwork.web.id, Support system tercanggih di Indonesia Bahkan di Dunia, satu-satunya web support untuk member yang terintegrasi dengan Auto SMS atau SMS Gateway</textarea> 

</div>
</form>
</div>


Disini ada beberapa Elemen, Pembuka dan penutup elemen di Tandai dengan Warna yang sama, untuk Tulisan yang berwarna hitam adalah tulisan dalam teks Area

5. Teks Area dengan Garis putus-putus

Tampilan:


Kode Html:
<textarea style="border: 2px dashed; height: 51px; width: 394px;">Web Support Bisnis ABEnetwork yaitu www.abenetwork.web.id, Support system tercanggih di Indonesia Bahkan di Dunia, satu-satunya web support untuk member yang terintegrasi dengan Auto SMS atau SMS Gateway</textarea>

6. Teks Area dengan Bingkai

Tampilan:


Kode Html:


<textarea style="border: 5px inset #FF0000;">Web Support Bisnis ABEnetwork yaitu www.abenetwork.web.id</textarea>

#FF0000 ini kode Warna Bingkai, 5px ini tebal bingkai, kedua bagian ini anda bisa ubah sesuka anda.


7. Text Area auto Block

Tampilan:  
Kode Html:


<form name="code">
<textarea name="txt" onmouseover="this.form.txt.select()" readonly="readonly" rows="100" style="height: 40px; width: 350px;">Web Support Bisnis ABEnetwork yaitu www.abenetwork.web.id</textarea>

</form>

Ketika kita Mouseover ke Dalam Text Area, maka Isi dari Text Area tersebut Terblok otomatis

Sekian Artikel Macam - Macam Text Area

Postingan terkait:

Belum ada tanggapan untuk "Macam - Macam Text Area"

Posting Komentar