Minggu, 16 Mei 2010

Cara Membuat Text Area

Cukup lelah juga ngurusin blog yang habis berganti kulit... Butuh perjuangan extra keras, extra semangat, kalau kita mengganti kulit blog otomatis mulai dari nol dan google pun pasti bingung buat mengindex'nya, tapi alhamdulilah'nya cuma 1 bulan saja, google melupakan saya, bagus 'nya saya punya trik tersendiri agar google cepat mengindex blog saya, kalau mau tahu rahasia'nya klik aja disana, disini, dimarih, disono, disitu, kesini, kesono, kesitu, kesana, tuh kan banyak bener tutorial tentang seputar SEO, kalau bener-bener pingin menjadi blogger sejati jangan pernah menyerah, semangat terus pantang untuk mundur. Masalah tentang yang lain kita ulas nanti aja, sekarang kita ke benang merah aja,

           <textarea name="code" rows="3" cols="15">Disini kamu tulisn kata-katanya</textarea>


Yang ini biasa aja Dan Hasilnya seperti ini :

Yang kedua dengan onclik:

        <textarea style="widht:100px;height:50px" name="txt" rows="3" cols="15" onclick="this.focus();this.select();">Tulis disini</textarea>


Hasil'nya seperti ini :

Sekarang kita tambahkan tombol submit atau select all :

         <form name="copy"><div align="left"><input onclick="javascipt:this.form.txt.focus();this.form.txt.select();" type="button" value="Tandai Semua"></div><p align="lef"><textarea name="txt" rows="3" cols="15">Tulis disini</textarea></form>


Nih hasil'nya seperti ini :




Penjelasan tentang tag text area,

  • Cols = lebar dari text area

  • Rows = Tinggi dari text area

  • Sekarang yang menggunakan warna dan border,
    <form><textarea rows="3" cols="15" style="color:red;background-color:cyan;border-style:dotted;border-color:blue;text-decoration:underline">disini text'nya</textarea></form>

    Hasil :

    Kalau misalkan mau di readonly tinggal tambahkan readonly beginih contoh'nya :
    <form><textarea rows="3" cols="15" style="color:red;background-color:cyan;border-style:dotted;border-color:blue;text-decoration:underline" readonly>disini text'nya</textarea></form>
    Hasil :

    Penjelasan ulang :
  • cols = lebar

  • rows = panjang

  • style = gaya dari text area

  • mungkin sudah cukup ulasan tentang text area


    Jika merasa Artikel ini bermanfaat,
    bagikan artikel ini ke teman Anda lewat tombol di bawah ini »
    Bookmark and Share


    Mungkin Mau Baca Lagi Yang Ini :



    Comments :

    0 komentar ke “Cara Membuat Text Area”




    Apa Pendapat Anda ?...

    Berikan komentar anda untuk membantu saya memperbaiki blog ini

    Sponsor Link

    Ads


    Join 4Shared Now!

     

    Copyright © 2010 by Belajar Ngeblog Bersama | RHOEDAL

    Template by Blog Tempate 4 U | Blogspot Tutorial | Edit Template By RHOEDAL