Home » , » Tutorial Membuat Text Area

Tutorial Membuat Text Area

text area Apa itu Text Area ? text area adalah area tempat untuk menyimpan text atau tulisan baru, atau bisa dikatakan sebuah komponen HTML yang digunakan untuk menampilkan text atau kode script dalam bentuk dan format text.

Biasanya text area dipakai untuk menyimpan kode HTML yang tidak bisa di tulis langsung ke dalam postingan di blog. Jadi fungsi dari text area ini kurang lebih untuk memudahkan pengunjung mengcopy seluruh isi text.

I. Text Area standard

Untuk membuat text area, silahkan copy code di bawah ini :

<p align="center"><textarea name="code" rows="2" cols="15"> Tulis text atau kode HTML yang sobat inginkan disini </textarea></p>


berikut hasilnya :



Keterangan :

untuk "rows"=3 adalah tinggi dari text area, jadi jika sobat menginginkan text area yang lebih tinggi silahkan sobat ganti dengan angka yang lebih tinggi.

untuk cols="15" adalah lebar dari text area, jadi jika sobat menginginkan text area yang lebih lebar silahkan sobat ganti dengan angka yang lebih tinggi.

Cukup paham ? mari kita lanjutkan.

II.Text Area dengan menggunakan Highlight

Variasi lainnya dari text area yaitu dengan menggunakan tombol Highlight, jadi dimaksudkan agar lebih memudahkan untuk mengcopy seluruh isi text area hanya dengan menekan tombol Highlight.

 

Hanya dengan menekan tombol highlight maka seluruh isi dari text area akan di highlight dan tinggal di copy saja. Fungsi tombol highlight ini sangat berguna untuk mencegah tertinggalnya satu atau beberapa isi dari text area.

Silahkan copy kode HTML di bawah ini :

<div><form name="copy"><div align="center"><span><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button"> </span></div><p align="center"><textarea style="width: 150px; height: 80px;" name="txt" rows="5" wrap="VIRTUAL" cols="20">simpan tulisan sobat di sini, maka tulisan yang sobat tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></form></div>


dan seperti ini hasilnya:



Agar dapat memahami kode diatas, saya akan berikan uraian tentang kode-kode text area diatas.
  1. <div align="center"> --> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika sobat ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.

  2. <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> --> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi sobat jangan merubah tulisan ini.

  3. Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika sobat ingin merubah tulisan ini silahkan ganti dengan kata yang sobat inginkan.

  4. <p align="center"> --> ini menunjukan bahwa text area akan berada di tengah, nah jika sobat ingin text area sobat berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.

  5. <text style="WIDTH: 150px">-->kata "WIDTH:150px" menunjukan lebar dari text area tersebut sebanyak 150 pixel, jadi jika sobat ingin memperpendek atau memperpanjang lebar text area, sobat tinggal menggantinya dengan angka yang sobat inginkan. misal: "WIDTH:500px;"

  6. HEIGHT: 80px --> angka "80px" menunjukan bahwa text area akan mempunyai tinggi sebesar 80 px, jadi jika sobat ingin merubahnya tinggal ganti angka tersebut dengan angka yang sobat inginkan. Misal : HEIGHT:160px.

Nah itu dia sedikit penjelasan tentang Text Area. Silahkan dicoba !

Labels

15 tanda baca 2 columns 2003 2012 3 columns Access Add-ons Mozilla Adsense Affiliasi AL-MASTHURIYAH Alat Pembayaran Alertpay Alexa Alexa Toolbar Alexa Widget Animasi Jam Anti Virus anti virus 2011 Antivirus antivirus portable area login BSI Artikel Blog Artikel Terkait ArtikelKu Asal Mula Kehidupan di Bumi Menurut Pandangan Al-Qur’an Avatar AVG 2011 Software Pack + key AVG 2011 Software Pack + serial number Award Background Blog Backlink BAHAYA NARKOBA BASA SUNDA Bazar Al-Masthuriyah 2011 beautifull widget Berdakwah Lewat Tulisan BERFIKIR POSITIF Berita Beside Story Bina Sarana Informatika Bina Sarana Informatika (BSI) biografi iwan fals bisnis bisnis internet bisnis mudah Bisnis Online bisnis sampingan di internet bisnis tanpa modal Blog Contest Blog Counter Blog Direktori Blog Info Blog Statistik Blog Stuff Blog Submission Blog Tool Blog Tutorial Blog Widget Blogger Blogger Hack Blogger In Draft Blogspot Blora BOLT Border Browser browser HP Browser HP Populer BSI BSI Career BSI Sukabumi Cara Nonton dan Download YouTube Gratis di BB Tanpa Paket Streaming (Tanpa Aplikasi) Catatanku ClockLink.Com Comment Comment Box CONTO PIDATO BASA SUNDA Contoh Naskah Pidato Contoh Pidato CONTOH PIDATO BAHASA SUNDA CSS CSS Tutorial Custom Domain Customize Template Daftar Kata Sulit Geografi dapat uang secara mudah di internet Dasar-Dasar deepfreeze 2010 deepfreeze terbaru + key deepfreeze7 deepfreeze7 + key delphi 7 portable DEMOKRASI PANCASILA DERET BERKALA METODE LEAST SQUARE Design Web distributor buku bogor Distributor buku pelajaran Distributor buku pelajaran daerah bogor doa sholat jenazah Domain Domain Hosting download avg 2011 download bolt download browser HP download delphi 7 portable Download Film download makalah download makalah gratis download makalah lengkap download makalah STAI Download MP3 Udin Sedunie DOWNLOAD OFFICE 2007 PORTABLE DOWNLOAD SOFTWARE 2011 Download TA Download Tugas Akhir Download Tugas Akhir Manajemen Informatika Lengkap Earth Day Ebook Edit Foto Kamera HP Efek animasi Blog Email Service Emoticons Entrepeneur Blogs Facebook Facebook Ditutup 2012 fans iwan fals Favicon Fawwaz Grosir Sukabumi Feedjit.com fenomena fenomena alam hujan kabut 2011 Filsafat Pendidikan Islam Flag Counter Followers Font Tips Free Domain Free Hit Counter Free Online Tools Free Search Box Free Template Free Templates Free Tool Free Web Directory Fungsi dan Prinsip Manajemen Gambar Gambar Animasi Gambar Kota Cepu Game Online Giovanni Schiaparelli globalisasi globetrackr.com Glosarium Geografi Glosarium Kimia Google Google Plus Google Webmaster Google.com Google+ to RSS graviola Grosir Lengkap Sukabumi Grosir Mukena Sukabumi Grosir Pakaian Sukabumi Grosir Sukabumi gudang makalah Hasil otak-atik HIDRO KARBON Hit Counter Gratis HIV AIDS Hosting Gratis hujan kabut 11 maret 2011 hujan kabut 2011 Icon Info Informasi Internet Marketing Istilah Geografi istilah istilah dalam kimia Iwan Fals Konser Sukabumi 2011 Iwan Fals Sukabumi Jadwal Imsakiyah 1432 H jawa barat jadwal imsakiyah 1432 H Jadwal Imsakiyah 1432 H / 2011 M Wilayah Sukabumi JADWAL IMSAKIYAH DEPAG Jadwal Imsakiyah Sukabumi 2011 Jadwal Konser Iwan Fals 2011 Jadwal Puasa 1432 H / 2011 jasa pembuatan blog website Java Script kampanye damai pemilu indonesia 2009 Kaspersky Virus Removal Tool 2011 Kata-Kata Mutiara kewirausahaan dalam islam key avg 2011 KIMIA KLIPING KLIPING HARDWARE KOMPUTER KLIPING KOMPUTER KLIPING MERAKIT KOMPUTER Kode HTML Kode Warna HTML Kolom komputer Konsep Pendidikan Islam Konser Iwan Fals Sukabumi konser iwan fals sukabumi 2011 Konser Sukabumi Kontes Kontes SEO Kota Cepu Kota Minyak Cepu Kota Sukabumi Label Label Cloud LANDASAN PENDIDIKAN PANCASILA layout facebook Left Sidebar Lingkungan Link Link Exchange Lirik Udin Sedunia Loading Blog Login Mahasiswa BSI Logo BSI Logo Google MA’RIFAH DZUN AL-NUN AL-MISHRI Macam-Macam Penyakit Mahasiswa BSI Mahasiswa BSI Sukabumi Mahasiswa Sukabumi Makalah MAKALAH GLOBALISASI MAKALAH Haji dan Umrah MAKALAH SEKS BEBAS DI KALANGAN REMAJA MAKALAH SISTEM POLITIK DI BERBAGAI NEGARA MAKALAH TENIS MEJA MAKALAH WANITA SHOLIHAH DALAM PENDANGAN ISLAM makalah 15 tanda baca MAKALAH Asal Mula Kehidupan di Bumi Menurut Pandangan Al-Qur’an MAKALAH ASEAN MAKALAH BAHASA INDONESIA MAKALAH BAHASA INDONESIA TANDA BACA MAKALAH Benua dan Samudra MAKALAH Berdakwah Lewat Tulisan MAKALAH BERFIKIR POSITIF Makalah Budaya Politik MAKALAH DEMOKRASI PANCASILA MAKALAH EJAAN BAHASA INDONESIA PENULISAN KATA DAN UNSUR SERAPAN makalah Fungsi dan Prinsip Manajemen MAKALAH FUNGSI MANAJEMEN PENDIDIKAN Makalah Gratis MAKALAH HIV AIDS Makalah Hubungan Pancasila dan UUD 1945 MAKALAH ILMU KALAM PEMBAGIAN TASAWUF (FALSAFI DAN AKHLAKI) Makalah Ilmu Tauhid Makalah Insan Kamil MAKALAH IPS makalah kewirausahaan MAKALAH KIMIA HIDRO KARBON MAKALAH KOMPUTER makalah Konsep Pendidikan Islam MAKALAH LANDASAN PENDIDIKAN PANCASILA MAKALAH MA’RIFAH DZUN AL-NUN AL-MISHRI makalah manajemen MAKALAH METODE BERKALA makalah Metodologi Pendidikan Agama Islam MAKALAH OLAHRAGA makalah Pendidikan Islam di Indonesia MAKALAH PENGARUH PERAN ORANG TUA TERHADAP PRESTASI ANAK makalah perawatan jenazah MAKALAH Perkembangan Pendidikan Pesantren dan Madrasah Makalah PKn makalah Sejarah Pendidikan Islam MAKALAH SEPAK BOLA MAKALAH Sholat Jenazah dan Hal-Hal yang Terkait dengan Jenazah MAKALAH TANDA BACA Makalah Tanda Baca lengkap MAKALAH TANGGUNG JAWAB AYAH SEBAGAI PENDIDIKAN DALAM KELUARGA MENURUT ILMU PENDIDIKAN ISLAM makalah wira usaha Make Money manfaat blog dan website Manfaat sirsak Marquee masuk ke area login mahasiswa BSI Maulid Nabi Muhammad SAW Memperjelas Foto dari Kamera HP mengkafani jenazah mengubah pdf ke word mengubah smadav 8.5 menjadi pro mengubah smadav 8.6 free menjadi pro mengubah smadav 8.6 menjadi pro mengubah smadav 8.7 free menjadi pro mengubah smadav 8.7 menjadi pro mengubah smadav 8.8 free menjadi pro mengubah smadav 8.8 menjadi pro mengubah smadav 8.9 free menjadi pro mengubah smadav 8.9 menjadi pro mengubah smadav 9.0 free menjadi pro mengubah smadav 9.0 menjadi pro Menu Menu Dropdown Menu Horizontal Menu Scroll Menu-Menu MERAKIT KOMPUTER merubah smadav free menjadi pro Meta Tag Meta Text Modifikasi blog Nackvision.com NARKOBA Naskah Pidato Naskah Pidato Maulid Nabi Navbar Navigasi Halaman nero 10 + keygen nero 10 full nero 2010 nero terbaru Nod32 Norton antivirus Novel NURUL HUDA obat kanker obat kanker tapa efek samping OFFICE 2007 PORTABLE oi dalbo oi dalbo cibatu OI Sukabumi Pagerank Paid Backlink Paid To Click Paid To Share Paid To Take Picture pasang iklan murah PAUD Pay Per Click Paypal pemandian jenazah pemberitahuan aja kok Pendidikan Islam dalam Keluarga PENDIDIKAN ISLAM DALAM KELUARGA MAKALAH Pengamanan pengertian globalisasi penghasilan dari blog penghasilan dari internet penghasilan dari web Penipuan Peringatan Maulid Nabi Muhammad SAW Pernak-Pernik Photo/Image photoshop PIDATO SUNDA Porseni Al-masthuriyah 2011 PORSENI tahunan Al-Masthuriyah Post Tips PPC Program Promosi Blog rahasia buah sirsak rahasia graviola Read More Recent Comment Recent Post Recent Posts Related Posts Right Sidebar Road Show Aburizal Bakrie Aburizal Bakrie Sambangi Sukabumi RSS FEED Ruang Mahasiswa BSI Salam Pembuka Search Engine Searchsignht.com Sejarah BSI Sejarah Kota Cepu Sekilas Kota Cepu Sekolah seks seks bebas Semarak PORSENI menuju 1 Abad Al-Masthuriyah 2011 SEO SEO Blogspot Seo Tips SEPAK BOLA serial number avg 2011 Sertifikat gratis sirsak Site Meter Sitemap Smadav 8.5 pro smadav 8.6 pro smadav 8.7 pro smadav 8.8 pro smadav 8.9 pro smadav 9.0 pro smadav 9.1 pro SMANSA CEPU SMK PADJADJARAN SMK TEKNIKA SMK YASTI SMKN 3 Sukabumi Social Bookmark Software STAI Al-Masthuriyah Status YM STISIP SUKABUMI STKIP PGRI students.bsi.ac.id Sub Domain Sukabumi Sukabumi Facebook SUNANULHUDA TA Manajemen Informatika TA Visual Basic 6.0 tAMAN SERIBU LAMPU CEPU TANDA BACA tanda baca lengkap telfon gratis Template Text Animasi Tiny Counter Tips BB Tips Blogging Tips dan Triks tips n trik Tips n Trik Blackberry toko buku bogor toko buku online bogor Tools Blogging Top Of Blog Top Posts Tour Pesantren Iwan Fals 2011 Trik-Tips Tugas Akhir Manajemen Informatika + Program Tugas IMK Tugas IPS Geografi Tutorial Tutorial Blog Tutorial Blogger Tutorial blogspot Tutorial Photoshop Twitter Uang dari ngeblog Udin Sedunia Udin Sedunie ulang tahun Al-Masthuriyah ke-91 Ulang Tahun AMIK BSI Sukabumi ultah bsi ultah bsi 2011 ultah bsi ke-23 ultah bsi sukabumi UserOnline.com Video Iwan Fals Sukabumi 2011 Video Konser Iwan Fals Sukabumi 2011 Video Udin Sedunia Virus Virus KO Vista WANITA SHOLEH WANITA SHOLEH MENURUT ISLAM Website BSI Widget Widget - Gadget Blog Widgets Windows 7 Transformation Pack Paling Lengkap Untuk XP Wordpress Yahoo Yahoo Messenger Yahoo Search Box Yahoo Search Engine YASMA YASPIN. STISIP SUKABUMI Youtube

Blog Archive

Popular Posts