cara membuat text area

Selasa, 08 Juni 2010

Cara Membuat Text Area dan Textbox Area Berfasilitas Select All


Jika Anda pernah membaca posting/artikel tentang Text Area, mungkin Anda juga pernah mendengar tentang Textbox Area?

Text Area dan Textbox Area mempunyai fungsi yang sama yaitu sebagai tempat menyimpan data dalam bentuk text maupun kode HTML/Javascript, baik di dalam postingan maupun di sidebar blog. Manfaat lain dari Text Area maupun Textbox Area adalah untuk menghemat halaman posting agar tidak terlalu panjang.

Perbedaan antara Text Area dan Textbox Area adalah dari sisi tampilan dan kode-kode HTML/Javascript yang digunakan. Berikut ini contoh dari text area dan textbox area :

Text Area:

Textbox Area:

KLIK "SELECT ALL" UNTUK MELAKUKAN COPY PASTE



Adapun Cara Membuat Text Area dan Textbox Area Berfasilitas Select All adalah masukan kode di bawah ke dalam posting atau sidebar blog Anda. Berikut ini kodenya:

1. Text Area:
<form name="copy"><div align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></div><p style="text-align: center;"><textarea style="padding: 3px; width:200px; height:30px;" name="txt"> disini tempat memasukkan kode / text anda</textarea></p></form>

2. Textbox Area:
<style
type="text/css"> .codebox{ border: 2px solid #04D43A;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
background:#06CDEB; padding:5px;}
.codebox2{ background:#836E2C; padding:10px } </style>
<div class="codebox"> <div class="codebox2"><center><b>KLIK &quot;SELECT ALL&quot; UNTUK MELAKUKAN COPY PASTE</center></b></a></div>
<form style="font-family: monospace; font-size: 8pt;"
name="copy"><center><input value="Select All"
onclick="javascript:this.form.txt.focus();this.form.txt.select();"
type="button"/></center>
<textarea dir="ltr" cols="200px" name="txt" rows="30px"
style="width: 100%;">disini tempat memasukkan kode / text anda</textarea>
</form></div>


Keterangan:

* Width/Cols adalah lebar Text Area/Textbox Area;
* Height/Rows adalah tinggi Text Area/Textbox Area;
* disini tempat memasukan kode / text anda, disitulah tempat Anda menyimpan text atau kode HTML/Javascript;


sampah artikel lainnya:

~new comments~

The last comments for

iPhone 800rb..new..mau???

Nokia C5-00

Nice one admin

August 07, 2019 14:14:07 Jump to

The last comments for

membuat foto lebih menarik

Nokia C5-00

Nice post

August 07, 2019 14:12:08 Jump to

The last comments for

slogan pajak=slogan kentut

jasa konsultan pajak

terimakasih info yang sangat bermanfaat sekali

August 03, 2017 08:18:50 Jump to

The last comments for

Baby Dolls Hot Show In Jakarta

Baju Putri Duyung

makasih info nya

February 01, 2017 16:24:59 Jump to

The last comments for

Putri Duyung

Baju Putri Duyung

info yang menarik mengenai putri duyung

January 31, 2017 16:13:15 Jump to

Recent comments by
widodo 48p

apa kata dunia kalau hari gini masih percaya hal yg dilaur logika?..oon..itu kata dunia..ha..ha...

January 05, 2011 13:44:00 Jump to

http://www.kometral-nganjuk.co.cc/ / akal-akaln gelang Power Balance

bentuknya pipih,lebar kurang lebih 1cm mas...
betul,seperti yang di jual di facebook dan toko online...

January 05, 2011 13:42:16 Jump to

http://www.kometral-nganjuk.co.cc/ / akal-akaln gelang Power Balance

basicnya sebenarnya sama,hanya masalah selera saja mas...saya juga sedang mencoba platform WP,silahkan...

January 05, 2011 01:53:40 Jump to

http://www.kometral-nganjuk.co.cc/ / gratisan tidak berarti murahan

mas Is....review ini memang sedari awal sama dengan review blog teman-teman senior,tidak pernah saya...

January 04, 2011 09:27:10 Jump to

http://www.kometral-nganjuk.co.cc/ / sowan ke kafegue.com

~archive~

Make Your Own by widodo