Membuat Text Area

Teks area merupakan suatu tempat atau ruang untuk menulis sebuah teks. Teks area ini bisa juga digunakan untuk tempat posting kode HTML.
contoh teks area :

Teks area paling sederhana adalah:
Teks disini

Kodenya;
<textarea>Teks disini</textarea>


Pada umumnya, text Area ada 2 macam => yang biasa dan yang highlight

a. Yang biasa
Silahkan sobat copy kode di bawah ini:

<p align="center"><textarea name="code" rows="6" cols="20"> Tulisan yang akan muncul ya disini .tekt area gitu </textarea></p>

b. Yang Highlight
Silahkan copy kode beikut ini;

<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><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan yang diinginkan di sini, maka tulisan yang kancamuda tulis akan muncul dan siap di copy oleh para pengunjung</textarea></p></div></form>


Namun semakin bertambahnya kratifitas para blogger, teks area menjadi semakin bermacama-macam.
Contohnya dibawah ini:

• Teks Area bergaya Password:

Kode:
<input type="password" value="Password Rahasia" >

• Teks area dengan garis putus - putus:

Teks area garis putus -putus

Kodeny:
<textarea cols="20" rows="5" style="border: 2px dashed ;">Teks area garis putus -putus</textarea>

• Teks area bergaya klik auto block

Teks auto block

Kodenya:
<textarea rows="5" cols="25" onclick="this.focus(); this.select();">Teks auto block</textarea>

Atau sobat ingin menggunakan teks area dengan background yang berwarna.
Contoh:

Teks disini

Kodenya:
<div style="overflow: auto; width: 500px; height: 100px;
background-color: #c1eeec; text-align: justify; padding: 5px;
border: 3px solid #999999;">Teksdisini </div>


Kode yang berwarna biru bisa sobat ganti sesuai selera.

Selamat mencoba dan terus berkreasi...
.

Description: Membuat Text Area Rating: 4.5 Reviewer: Miftah Da Silva - ItemReviewed: Membuat Text Area