Beragam Macam Text Area

Siang bloggers :*

Hari ini, aku mau share tentang bagaimana cara membuat beragam macam text area.

Oke, langsung aja berikut caranyaaa :

1. Membuat Text Area Sederhana

Scriptnya :

<div align="center">
<textarea name="code" rows="2" cols=35">
Contoh Text Area Sederhana
</textarea></div>

Hasilnya :

Contoh Text Area Sederhana

2. Membuat Seluruh Isi Text Area Terblok ketika diklik

Scriptnya :

<div align="center">
<textarea rows="2" cols="35" onclick="this.focus(); this.select();">
Coba klik disini !
Teks secara otomatis terblok semua
</textarea></div>

Hasilnya :

Coba klik disini ! Teks secara otomatis terblok semua

3. Membuat Seluruh Text Area Terblok dengan Menggunakan Tombol

Scriptnya :

<div><form name="copy">
<div align="center">
<p align="center">
<textarea style="width:200px; height:50px" name="txt" rows="100" wrap="VIRTUAL" cols="55">
Coba Tekan "Click to Block" yang terletak di bawah text area !
Teks secara otomatis terblok semua
</textarea></p></div> <div align="center"> <input onclick="javascript:this.form.txt.focus(); this.form.txt.select();" type="button" value="Copy All"> </div> </div> </form>

Hasilnya :

Coba Tekan "Click to Block" yang terletak di bawah text area ! Teks secara otomatis terblok semua

4. Membuat Seluruh Text Area Terblok ketika Ditunjuk oleh Kursor

Scriptnya :

<div><form name="copy">
<div align="center" style="margin-bottom:0pt; margin-top:0pt">
<textarea cols="55" rows="100" name="txt" onmouseover="this.form.txt.select()" style="height:70px; width:200px;">
Teks otomatis di ter-blok ketika ditunjuk oleh kursor
</textarea></div></form>
</div>

Hasilnya :

Teks otomatis di ter-blok ketika ditunjuk oleh kursor

5. Membuat Text Area dengan Border
Scriptnya :

<div align="center">
<textarea cols="35" rows="2" style="border:3px dotted red">
Text Area dengan border
</textarea></div>

Hasilnya :

Text Area dengan border

6. Membuat Text Area Tidak Bisa di Hapus

Scriptnya :

<div align="center">
<textarea rows="2" cols="35" onclick="this.focus(); this.select();" readonly="">
Teks tidak bisa dihapus
</textarea></div>

Hasilnya :

Teks tidak bisa dihapus

Well, sekian beberapa contoh text area yang saya ketahui hehe

Please leave a comment, I'll really appreciate that :) Thanks for reading~