Loading...


Baca Juga

Blog Ponsel Si Oon - Macam - Macam Jenis Textarea Dengan Berbagai Bentuk Dan Warna, Berikut Cara Buatnya Hai Sahabat Mickey ?? Kali ini admin akan berbagi Cara buat textarea dan juga beberapa jenis / Macam / Bentuk dengan berbagai style dan juga warna .. selebihnya atur - atur lagi sendiri ya .. sesuai dengan selera masing - masing .. seperti hal nya mengganti bingkai ( Dashed / dotted / double / inset / outset / ridge / grove / solid dst ) .. maupun mengganti warna background nya dengan warna - warna kesukaan sendiri .. termasuk mengganti warna text nya .. jika ingin di rubah biar text nya lebih berwarna .. untuk cara nya .. simak di bawah ini .. dan cukup ganti bagian - bagian tertentu .. sesuai yang sudah saya sampaikan di atas .. yaitu mengganti background / bingkai dan juga warna text nya ..

Ok .. baiklah kita lanjut kepembahasan kita kali ini .. di bawah ini akan saya kasih contoh nya dan berikut kode untuk cara buat nya .. namun sebelum di lanjutkan .. kira - kira semua nya sudah tau belum .. apa itu textarea ??? .. sebagian besar blogger maupun pembaca .. tentunya sudah tidak asing lagi dengan yang nama nya textarea .. apa lagi untuk saya sendiri bisa dikatalan sudah bosen mendengarnya hahaha .. karena hampir dari semua wap / blog yang saya punya .. udah berulang kali membahas / memposting soal ini .. akan tetapi .. Pada kesempatan ini saya posting ulang dengan bahasa penyampaian yang berbeda dan tentunya .. dengan model / jenis yang berbeda juga .. dan agak sedikit lebih banyak pula ..



Ok next .. mungkin dari sebagian pembaca masih belum tau Apa itu teks area ?? .. dan bagaimana sih Cara Membuat Text Area ?? .. secara umum teks ( text) area adalah area / daerah untuk menampilkan teks yang baru . Dengan kata lain dengan teks area ini akan ada daerah baru atau ruang baru dalam suaturuangan web/ blog yang memiliki beberapa tujuan .. antara lain memudahkan bagi pengunjung untuk mengkopi teks ( copas text ) atau kode yang sudah disisipkan dalam postingan ( agar gak salah copas ) .. dan kata lain yaitu yang gak kalah penting adalah berguna untuk menyingkat kode HTML/script atau juga teks yang sobat tampilkan agar tidak memakan banyaktempat ( khusus teks area tipe scrool ) ..

Kira - kira kurang lebih nya seperti itulah yang saya tau .. untuk lebih jelas nya lihat saja di bawah .. pastinya bakalan ngerti juga .. apa yang saya katakan tadi hehehe .. dan Untuk membuat text area ini .. sangat mudah .. cara membuatnya sobat hanya memerlukan beberapa kode HTML yang kemudian tulisan / kode yang ingin sobat tampilkan tinggal disisipkan ke dalam kode text areatersebut .. Selain itu .. text area memiliki banyak macam ( seprti yang sudah saya katakan dan seperti judul nya ) .. juga memiliki karakteristik tersendiri .. sehingga sobat dapat memilihnya sesuai denganselera sendiri ..

Ok baiklah .. kebanhakan kata nanti keburu males nerusin baca nya hehehe .. di bawah ini ada beberapa macam text area dan sobat mickey bisa mengunakannya sesuai kebutuhan .. Silahkan pilih, yang manakah text area yang sobat sukai / inginkan ?? ..



Contoh :




<textarea>Simpan Tulisan sobat disini</textarea>





Contoh :




<textarea cols="20" rows="5">Simpan Tulisan sobat disini</textarea>





Contoh :




<textarea rows="5" cols="25" onclick="this.focus(); this.select();">Simpan Tulisan sobat disini</textarea>





Contoh :





<form name="copy">
<div align="center">
<inputonclick="javascript:this.form.txt.focus();this.form.txt.select();"type="button" value="Select All">
</div>
<divalign="center">
<p align="center">
<textarea style="width: 190px;height: 80px;" name="txt" rows="100"wrap="virtual" cols="55">
Simpan Tulisan sobat disini
</textarea>
</p>
</div>
</form>

===============

Keterangan :
  • width: 190px; height: 80px; : ukuran lebar Kolom textarea .. ganti nilai height dan width dengan ukuran lebih besar / lebih kecil ..
  • ganti rows="100" dan cols="55" seprti halnya mengganti nilai width dan height ..
  • Simpan Tulisan sobat disini ganti dengan tulisan / code sobat yang mau di simpan di dalam textarea ..





Contoh :





<code>
<span>
<div>
<form name="copy">
<div align="center">
<input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button">
</div>
<div align="center">
</div>
<p align="center">
<textarea rows="3" cols="20" style="border: 8px inset #ff1493; padding: 0pt 1px; background: #ffd700 none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: #00bfff; line-height: 1.5em; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;" name="txt" wrap="VIRTUAL">
Simpan Tulisan sobat disini
</textarea>
</form>
</div>
</span>
</code>

===============

Keterangan :
  • Ganti text warna Red dengan tulisan "Pilih Semua" / "Block All" / "Click Here"
  • Ganti rows="3" cols="20" sesuai keinginan .. rows Nilai tinggi textarea .. dan cols Panjang text area ..
  • Ganti Warna Deepink #ff1493 / warna Gold #ffd700 dan warna #00bfff dengan warna - warna lain .. sesuai selera / sesuai warna kesukaan masing - masing ..
  • Ganti Tulisan warna Green ( Simpan Tulisan sobat disini ) .. dengan text / code yang mau sobat simpan didalam textarea ..





Contoh :




<textarea name="code" rows="3" cols="20" style=";color:#ff1493;">
Simpan Tulisan sobat disini
</textarea>





Contoh :




<textarea name="code" rows="3" cols="20" style="border:5px inset #ff1493;">
Simpan Tulisan sobat disini
</textarea>





Contoh :




<textarea name="code" rows="3" cols="20" style="color:#ff1493;border:5px inset #ff1493;">
Simpan Tulisan sobat disini
</textarea<





Contoh :




<textarea name="code" rows="3" cols="20" style="background:#ff1493;">
Simpan Tulisan sobat disini
</textarea>





Contoh :




<textarea name="code" rows="3" cols="20" style="background:#ff1493;border:5px inset #ff1493;">
Simpan Tulisan Sobat disini
</textarea>





Contoh :




<textarea name="code" rows="3" cols="20" style="background:#ff1493;border:5px dashed #ffd700;line-height:1.5em;padding:5px;">
Simpan Tulisan Sobat disini
</textarea>





Contoh :




<textarea name="code" rows="3" cols="20" style="background:#ff1493;border:5px dotted #ffd700;line-height:1.5em;padding:5px;">
Simpan Tulisan Sobat disini
</textarea>





Contoh :




<textarea name="code" rows="2" cols="21" style="background:#000;color:#fff;border:1px solid #ff1493;border-left:20px solid #ff1493;line-height:1.5em;padding:5px;">
Simpan Tulisan Sobat disini
</textarea>





Contoh :




<textarea name="code" rows="2" cols="21" style="background:#000;color:#fff;border:1px solid #ff1493;border-right:20px solid #ff1493;line-height:1.5em;padding:5px;">
Simpan Tulisan Sobat disini
</textarea>



Nah itulah tadi seputar Macam - Macam Jenis Textarea Dengan Berbagai Bentuk Dan Warna, Berikut Cara Buatnya yang dapat Admin sampaikan .. dan dapat admin berikan untuk sobat mickey semuanya .. semoga artikel ini dan membantu dan bermanfaat buat sobat yang membutuhkan nya .. dan terimakasih buat sobat yang udah membacanya dari awal sampe akhir .. sampe ketemu lagi dilain waktu dan lain kesempatan .. See You Next Time #Happy Blogging ^_^

Tag : #Text, #Textarea, #Teks, #Teksarea, #Text Area, #Teks Area, #Jenis textarea, #macam - macam textarea, #cara, #Cara Buat, #Cara membuat, #Cara Buat textarea, #Cara Membuat textarea, #Macam - Macam Jenis Textarea Dengan Berbagai Bentuk Dan Warna, Berikut Cara Buatnya

 
Top
Loading...